Hang ha u qala ho haha maqephe a marang-rang ka HTML, u tla qala ho sebetsa ka maqheka. Ho etsa hore sebaka sa hau se shebahale ka tsela eo u batlang hore se shebahala ka eona, mohlomong se tšoantšetsa moralo oa hao kapa moqapi e mong, o tla batla ho fetola boholo ba temana ho saete eo, hammoho le likarolo tse ling leqepheng lena. Ho etsa sena u ka 'na ua qala ho sheba lebokose la "boholo" ba HTML, empa u tla e fumana kapele.
Letšoao la boholo ba HTML ha le teng ka HTML. Ho e-na le hoo, e le hore u tsebe ho beha boholo ba liforomo tsa hau, litšoantšo kapa tokisetso u lokela ho sebelisa Li-Sheet Style Style. Ha e le hantle, pono leha e le efe e fetotsoang eo ue hlokang ho e etsa temaneng ea setša kapa ntho e 'ngoe e lokela ho sebetsoa ke CSS! HTML ke ea moralo feela.
Teti e haufi ka ho fetisisa ea tag ea boholo ba HTML ke lebokose la khale la fonte, leo ka sebele le kileng la kenyelletsa tekanyo ea boholo. E-ba hlokomelisoe hore letšoao lena le nkiloe liphetolelong tsa morao-rao tsa HTML 'me e ka' na ea se ke ea tšehetsoa ke li-browser nakong e tlang! Ha u batle ho sebelisa lebokose la fonte ka HTML! Ho e-na le hoo, o lokela ho ithuta CSS ho theola likarolo tsa hau tsa HTML le mokhoa oa hau oa leqephe la websaete hantle.
Boholo ba Font
Ha e le hantle mapolesa ke ntho e bonolo ho feta ka CSS. Moreso ho e-na le ho shebella temana eo, ka CSS u ka ba le totobetseng haholoanyane mabapi le sebaka sa hau sa marang-rang sa marang-rang . O ka hlalosa boholo ba fonte, 'mala, casing, boima, ho etella pele, le ho feta. Ka lethathamo la fonte, o ka hlalosa feela boholo, 'me joale feela ka palo e amanang le boholo ba lifaele tsa mochini oa sebapali se fapaneng le bareki bohle.
Ho beha serapa sa hau ho ba le boholo ba fonte ea 12pt, sebelisa setša sa boholo-holo sa mongolo:
h3 {font-size = 24px; }}Mokhoa ona o ne o tla beha boholo ba mongolo oa lisebelisoa tse phahameng tse 24 tsa pixels. U ka eketsa sena ka letsohong la mokhoa oa ka ntle mme H3s ea hau ea sebaka sa hau e tla sebelisa mokhoa ona.
Haeba u batla ho eketsa mekhoa e eketsehileng ea typographic ho temana ea hau, o ka e eketsa pusong ena ea CSS:
h3 {font-size: 24px; 'mala: # 000; taelo-boima: e tloaelehileng; }}Sena se ne se ke ke sa beha boholo ba maqephe a H3s feela, e tla be e beha 'mala ho batsho (e leng se boleloang ke molaetsa oa hex oa # 000 se bolelang)' me se tla beha boima ba "tloaelehileng". Ka nako e sa lekanyetsoang, bafetoleli ba fetolela lihlooho tsa 1-6 joaloka temana e nang le sebete, kahoo mokhoa ona o ne o tla fetela hore o feletse mme e le "se-bold".
Boholo ba Litšoantšo
Litšoantšo li ka ba tse makatsang ho hlalosa boholo ba tsona hobane u ka sebelisa sebapali ho fetola setšoantšo. Ha e le hantle, litšoantšo tsa setšoantšo le sebapali ke khopolo e mpe hobane e etsa hore maqephe a behe butle haholoanyane 'me li-browser li atisa ho etsa mosebetsi o fosahetseng oa ho tlohela, ho etsa hore litšoantšo li shebahala li le mpe. Ho e-na le hoo, o lokela ho sebelisa sesebelisoa se setšoantšong ho fetola litšoantšo ebe o ngola boholo ba bona bo hlahang leqepheng la hau la Websaete ea HTML.
Ho fapana le liforomo, litšoantšo li ka sebelisa HTML kapa CSS ho hlalosa boholo. U hlalosa bophara ba setšoantšo le bophahamo. Ha o sebelisa HTML, o ka hlalosa feela boholo ba setšoantšo ka pixels. Haeba o sebelisa CSS, o ka sebelisa litekanyo tse ling tse kenyeletsang lisenthimithara, lisenthimithara le liphesente. Boleng bona ba ho qetela, liphesente, boa thusa haholo ha litšoantšo tsa hau li hloka ho ba metsi, joalo ka ho websaeteng e amohelehang.
Ho hlalosa boholo ba setšoantšo sa hau ka HTML, sebelisa litlhōrō tsa bophahamo le bophara ba lebokose la img. Ka mohlala, setšoantšo sena e ne e tla ba pixelisi tse 400x400 sekoti:
bolelele = "400" bophara = "400" alt = "setšoantšo" />Ho hlalosa boholo ba setšoantšo sa hau ka CSS, sebelisa thepa ea bophahamo le bophara. Mona ke setšoantšo se tšoanang, u sebelisa CSS ho hlalosa boholo ba tsona:
mokhoa = "bophahamo: 400px; bophara: 400px;" alt = "setšoantšo" />Boholo ba Maqephe
Boemo bo tloaelehileng ka ho fetisisa boo u bo hlalosang ka mohaho ke bophara, 'me ntho ea pele eo u tla e hloka ho etsa qeto ke hore na u ka sebelisa setšoantšo se lekaneng sa bophara kapa sebaka sa marang-rang se amohelehang. Ka mantsoe a mang, na u tla hlalosa bophara ka palo e nepahetseng ea li-pixels, lisenthimithara kapa lintlha? Kapa na u tla beha bophara ba mohaho oa hau hore o feto-fetohe ha u sebelisa li-percent kapa liphesente? Ho hlalosa boholo ba sebaka sa hau, o sebelisa bophara le bophahamo ba thepa ea CSS feela joalokaha u ne u tla ba setšoantšong.
Bophara bo hloekileng:
mokhoa = "bophara: 600px;">Bophara ba metsi:
mokhoa = "bophara: 80%;">Ha o etsa qeto ka bophara ba sebaka sa hau, o lokela ho hopola likarolo tse fapaneng tsa sebapali tseo babali ba hao ba ka se sebelisang le lisebelisoa tse sa tšoaneng tseo ba tla li sebelisa hape. Ke kahoo marang-rang a amohelehang , a ka fetola mokhoa oa bona le ho hlophisa lisebelisoa tse fapaneng le boholo ba lichelete, ke mokhoa o motle ka ho fetisisa oa mekhoa ea kajeno.