Kamoo U ka Hahang Lethathamo la Mekhoa ea ka ntle

Ho sebelisa CSS Site Wide

Liwebsaete li na le mokhoa oa ho kopana le mokhoa oa sebopeho, mme ho websaete ea kajeno, ke mokhoa o motle oa ho boloka likarolo tsena tse peli tsa sebaka se arohane.

HTML e 'nile ea e-ba se fanang ka sebaka ka mohaho oa sona. Matsatsing a pele a Websaete, HTML e boetse e na le tlhahisoleseding ea mokhoa. Lintlha tse kang letšoao la li ne li lutse hohle ka khomphuteng ea HTML, ho eketsa ho sheba le ho utloa tlhahisoleseling hammoho le tlhahisoleseding e hlophisitsoeng. Tsamaiso ea marang-rang ea marang-rang e ile ea re susumelletsa hore re fetole tloaelo ena 'me ho e-na le hoo re suthele tlhahisoleseding eohle ea setaele ka maqephe a CSS kapa Cascading Style. Ho nka bohato bona bo eketsehileng, litlhahiso tsa morao-rao ke hore u sebelisa se tsejoang e le "letlapa la ka ntle" bakeng sa litlhoko tsa hau tsa marang-rang.

Melemo le Mathata a Li-Sheets tsa Maqephe a ka ntle

E 'ngoe ea lintho tse molemohali ka li-Sheet Style Style ke hore u ka li sebelisa ho boloka sebaka sa hau kaofela se lumellana. Tsela e bonolo ka ho fetisisa ea ho etsa sena ke ho kopanya kapa ho kenya letlapa la kantle . Haeba u sebelisa leqhepe le leng le le leng la kantle ho leqephe le leng le le leng la sebaka sa hau, u ka kholiseha hore maqephe ohle a tla ba le mokhoa o tšoanang. U ka boela ua nolofalletsa ho etsa liphetoho bakeng sa bokamoso. Kaha maqephe a mang le a mang a sebelisa mokhoa o ts'oanang oa mokhoa oa temo, phetoho leha e le efe ho letlapa leo e tla ama leqephe le leng le le leng la sebaka. Sena se molemo ho feta ho tlameha ho fetola leqephe ka leng ka bomong!

Melemo ea Li-Sheets tsa Maqephe a ka ntle

  • O ka laola ponahalo le maikutlo a litokomane tse 'maloa ka nako e le' ngoe.
    • Sena ke sa bohlokoa haholo haeba u sebetsa le sehlopha sa batho ho etsa sebaka sa hau sa marang-rang. Melao ea mefuta e mengata e ka ba thata ho e hopola, 'me ha u ntse u e-na le moeletsi oa mokhoa oa khatiso, ha o na mokhoa o lekaneng oa ho tsoela pele ho phunyeletsa ho bona hore na mohlala o tla ngoloa ka lintlha tse 12 Arial, kapa molaetsa o 14. Ka ho ba le ntho e 'ngoe le e ngoe sebakeng se le seng,' me ho tloha sebakeng seo hape ke moo u ka etsang liphetoho, u ka etsa hore tlhokomelo e be bonolo haholoanyane.
  • U ka hlahisa lihlopha tsa mefuta e ka sebelisoang liphatseng tse ngata tsa HTML .
    • Haeba u atisa ho sebelisa setaele se itseng sa melaetsa ho hatisa lintho tse sa tšoaneng tse leqepheng la hau, u ka sebelisa tšobotsi ea sehlopha eo ue emisitseng ka mokhoa oa hau oa setaele ho shebahala le ho ikutloa joalo, ho e-na le ho hlalosa mokhoa o khethehileng oa sekhetho ka seng sa ho hatisoa.
  • U ka khona ho arola mekhoa ea hau habonolo hore e sebetse hantle.
    • Mekhoa eohle ea lihlopha tse fumanehang ho CSS e ka sebelisoa maqepheng a ka ntle, mme sena se u fa matla a ho laola le ho feto-fetoha ha maqephe a hau.

Litlhahiso tsa Li-Sheets tsa Maqephe a ka ntle

  • Lipampiri tsa maqephe a ka ntle li ka eketsa nako ea ho lekola, haholo-holo haeba e le khōlō haholo. Kaha faele ea CSS ke tokomane e fapaneng e tlamehang ho laeloa, e tla ama ts'ebetso ea ho etsa joalo.
  • Lipampiri tsa maqephe a ka ntle li fihla ka potlako haholo ha ho thata ho bolela ha mokhoa o sa sebelisoe hobane ha oa tlosoa ha leqephe le tlosoa. Tsamaiso e nepahetseng ea lifaele tsa hau tsa CSS ke ea bohlokoa, haholo-holo haeba batho ba bangata ba sebetsa lefapheng le le leng.
  • Haeba u e-na le websaete ea maqephe a le leng, ho ba le faele e kantle ea CSS ho ka 'na ha se ke ha hlokahala kaha u na le leqephe le le leng feela la mokhoa. Melemo e mengata ea CSS e kantle e lahleheloa ha u e-na le sebaka se le seng sa leqephe.

Kamoo U ka Bōpa Lethathamo la Mekhoa ea Ka ntle

Lipampiri tsa mokhoa oa ka ntle li bōptjoa ka li-syntax tse tšoanang bakeng sa maqephe a mokhoa oa mokhoa oa maqephe. Leha ho le joalo, tsohle tseo u lokelang ho li kenyelletsa ke khetho le phatlalatso. Feela joaloka leqephe la mokhoa oa mokhoa oa litokomane, syntax bakeng sa molao ke:

khetho {thepa: boleng;}

Boloka melao ena ka fensetereng ea litokomane le ho eketsa .css. Sena ha se hlokehe, empa ke mokhoa o motle oa ho kena, kahoo u ka khona ho hlokomela hang-hang maqephe a hau a mokhoa oa tatellano ka lenane le thathamisitsoeng.

Hang ha u se u e-na le tokomane ea sheet, u lokela ho e hokahanya maqepheng a hau a maqephe . Sena se ka etsoa ka litsela tse peli:

  1. Ho kopanya
    1. E le ho hokahanya leqhepe la mokhoa, o sebelisa lebokose la HTML. Sena se na le litšoaneleho tsa rel , mofuta , le href . Sebopeho se hlalosang se bolela seo u se hokahanyang (tabeng ena setšoantšo sa mefuta-bala), mofuta ona o hlalosa MIME-Type bakeng sa sebapali, 'me href ke tsela ea ho file .css.
  2. Ho kenya
    1. U tla sebelisa lakane ea mokhoa o tsoang ka hare ho letlapa la mokhoa oa mokhoa oa tokomane e le hore o ka kenya litšobotsi tsa leqephe la liphatlalatso tse ka ntle ha u sa lahleheloe ke tokomane efe kapa efe. Oa e bitsa ka tsela e ts'oanang ho bitsa letlapa la liphatlalatso tse amanang, feela le tlameha ho bitsoa ka phatlalatso ea mokhoa oa mokhoa oa tokomane. O ka kenya maqephe a mangata a kantle ho naha ha u ntse u hloka ho boloka Websaete ea hau.

Sehlooho sa pele sa Jennifer Krynin. E hlophisitsoe ke Jeremy Girard ka la 8/8/17