Tlhaloso e Khutšoanyane ea Li-Sheet Style Style tse nang le Sample Style Sheet
Ha o haha marang-rang ho tloha qalong, ho bohlale hore u qale ka mekhoa ea motheo e hlalositsoeng. Ho tšoana le ho qala ka sekoahelo se hloekileng le lipalesa tse hloekileng. E 'ngoe ea mathata a pele ao baqapi ba marang-rang ba tobaneng le' ona ke hore li-websaete tsa marang-rang li fapane. Boemo bo sa tloaelehang bo fapaneng bo fapane le sethaleng ho ea sethaleng, lelapa la setaele le fapaneng le fapane, li-browsers tse ling li hlalosa margins le marang-rang setšoantšong sa 'mele ha ba bang ba sa etse joalo, joalo-joalo. Fumana likamano tsena ka ho hlalosa mekhoa e sa feleng ea maqephe a hau a marang-rang.
CSS le Setšoantšo sa Setšoantšo
Lintho tsa pele pele, beha setšoantšo sa litlhaku tsa CSS tsa hau ho utf-8 . Le hoja ho ka etsahala hore boholo ba maqephe ao ue qapileng bo ngotsoe ka Senyesemane, tse ling li ka 'na tsa e-ba sebakeng sa libaka-tse lumellanang le lipuo tse fapaneng le tsa setso. Ha li le joalo, utf-8 e nolofatsa tshebetso. Ho beha sebopeho setaeleng sa mokhoa o ka ntle ho ke ke ha e-ba teng pele ho hlooho ea HTTP , empa maemong a mang kaofela, ho tla ba joalo.
Ho bonolo ho beha setšoantšo se khethollang. Bakeng sa mohala oa pele oa tokomane ea CSS ngola:
@charset "utf-8";Ka tsela ena, haeba u sebelisa litlhaku tsa machaba mohahong o nang le lihlooho kapa mabitso a sehlopha le a ID, mokhoa oa mokhoa oa ho ngola o tla sebetsa hantle.
Ho khabisa 'Mele oa Leqephe
Ntho e hlahlamang setaele sa mokhoa oa ho qetela se hlokang ke mekhoa ea ho hlahisa margins, ho pata, le meeli. Sena se etsa bonnete ba hore li-browser tsohle li kenya litaba sebakeng se le seng, 'me ha ho libaka tse patehileng pakeng tsa sebapali le litaba. Bakeng sa maqephe a mangata a marang-rang, sena se haufi haholo ho ea fihla bochabela, empa ke habohlokoa ho qala moo e le hore litšoantšo tsa morao-rao le likarohano tsa lihlopha li kenngoe hantle.
html, 'mele {margin: 0px; ho roala: 0px; moeli: 0px; }}Beha sebaka se ka pele kapa sebopeho sa melaetsa ho batsho le 'mala o ka morao oa mongobo o tšoeu. Le hoja sena se tla fetoha haholo bakeng sa liqapi tse ngata tsa maqephe a marang-rang, ho ba le mebala e tloaelehileng e behiloeng 'meleng le lebokoseng la HTML qalong e etsa hore leqephe le bonolo ho bala le ho sebetsa le lona.
html, 'mele {mmala: # 000; semelo: #fff; }}Mefuta e sa tloaelehang ea Styles
Boholo ba fonte le lelapa la fonte ke ntho e tla fetoha hang ha moqapi o nka empa e qala ka boholo ba fonte ea em 1 le lelapa la setaele la Arial, Geneva, kapa le leng la fonte le se nang serif. Tšebeliso ea ems e boloka leqephe leo le fumaneha habonolo kamoo ho ka khonehang, 'me fonte ea sans-serif e fumaneha haholoanyane skrineng.
html, 'mele, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; }}Ho ka 'na ha e-ba le libaka tse ling tseo u ka fumanang mongolo ho tsona, empa p , th , td , li , dd , le dt ke qalo e ntle ea ho hlalosa mokhoa oa motheo. Kenyelletsa HTML le 'mele feela haeba ho joalo, empa li-browser tse ngata li feta mefuta ea khetho haeba feela u hlalosa li-fonts tsa HTML kapa' mele.
Lihlooho tsa litaba
Lihlooho tsa HTML ke tsa bohlokoa ho li sebelisa ho thusa kemiso ea hau ea marang-rang mme u lumelle li-injini tsa ho batla hore li kene ka hare ho saete ea hau. Ntle le mekhoa, kaofela ha bona ha ba na mekhoa e mebe, kahoo ba beha mekhoa e sa nepahaleng ho bona kaofela 'me ba hlalosa lelapa la mapolesa le boholo ba maqephe bakeng sa mong le e mong.
h1, h2, h3, h4, h5, h6 {font-lelapa: Arial, Helvetica, sans-serif; } h1 {font-size: 2em; } h2 {font-size: 1.5em; } h3 {font-size: 1.2em; } h4 {font-size: 1.0em; } h5 {font-size: 0.9em; } h6 {mohala-taele: 0.8em; }}U se ke ua lebala li-Links
Ho khabisa mebala ea lihlopha kamehla ke karolo ea bohlokoa ea moqapi, empa haeba u sa ba hlalosetse mekhoa e fapaneng, monyetla oa hore u tla lebala bonyane lihlopha tse ling tsa pono. Ba hlalosetse ka mefuta e fapaneng e fapaneng e le 'mala o moputsoa ebe o ba fetola hang ha u e-na le' mala oa lebala bakeng sa sebaka se hlalositsoeng.
Ho beha lihlahisoa mabaleng a botala, beha:
- li-link joaloka blue
- o ile a etela liphatlalatso joaloka bofubelu bo lefifi
- lihlopha tsa hover e le bobebe bo bobebe
- li-link tse sebetsang joaloka esita le leputsoa le motala
joalokaha ho bontšitsoe mohlaleng ona:
a: link: {mmala: # 00f; } a: e etselitsoe {mmala: # 009; } a: hover {mmala: # 06f; } a: mofuthu {mobala: # 0cf; } Ka ho etsa setšoantšo li-link tse nang le mebala e mengata e se nang molato e etsa bonnete ba hore nke ke ka lebala lihlopha tse ling, hape ke li etsa hore li be le lentsoe le tlase ho feta tse hlollang, tse khubelu le tse pherese.Lethathamo la Sephetho se feletseng
Lethathamo le feletseng la mokhoa:
@charset "utf-8"; html, 'mele {margin: 0px; ho roala: 0px; moeli: 0px; 'mala: # 000; semelo: #fff; } html, 'mele, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 {font-lelapa: Arial, Helvetica, sans-serif; } h1 {font-size: 2em; } h2 {font-size: 1.5em; } h3 {font-size: 1.2em; } h4 {font-size: 1.0em; } h5 {font-size: 0.9em; } h6 {mohala-taele: 0.8em; } a: link {mmala: # 00f; } a: e etselitsoe {mmala: # 009; } a: hover {mmala: # 06f; } a: mofuthu {mobala: # 0cf; }}