Amboary an-tsarimihetsika miaraka amin'ny CSS

Ampiasao ny sora-bolana, ny sisin-tany, ary ny sary hoso-doko

Ny lohateny dia mahazatra amin'ny ankamaroan'ny tranonkala. Raha ny marina, ny ankamaroan'ny rakitra an-tsoratra dia mitaky ny fananana lohateny fara-fahakeliny iray mba hahafahanao mahafantatra ny lohatenin'ny zavatra vakinao. Ireo lohatenin-dahatsoratra ireo dia koditra mampiasa ny singa HTML - h1, h2, h3, h4, h5, ary h6.

Any amin'ny toerana sasany, mety ho hitanao fa ny lohatenin-dahatsoratra dia tsy misy mampiasa ireo singa ireo. Fa kosa, ny lohateny dia mety hampiasana fehintsoratra miaraka amin'ny toetoetran'ny kilasy voafaritra manokana, na fisaratsarahana amin'ireo singa fototra. Ny antony mahazatra ahy matetika mikasika io fomba fanao tsy manjary io dia ny "mpamorona" tsy tiany ny loha-làlana ". Amin'ny endritsoratra dia soratana amin'ny sanda ny lohateny ary lehibe kokoa ny haben'izy ireo, indrindra fa ireo singa h1 sy h2 izay mampiseho tarehimarika lehibe kokoa noho ny lahatsoratra sisa. Ataovy ao an-tsaina fa ny endriny fotsiny amin'ireo singa ireo! Miaraka amin'ny CSS, azonao atao ny mijery lohateny tianao! Azonao atao ny manova ny haben'ny endri-tsoratra, esory ny fahasarotana, ary mihoatra noho izany. Ny lohateny dia fomba iray handikana ny lohatenin'ny pejy. Ireto misy antony vitsivitsy.

Nahoana ianao no mampiasa labozia fandefasana fa tsy DIVs sy styling

Fikarohana karazan-tsarimihetsika toy ny lohateny


Ity no antony tsara indrindra tokony hampiasana ny lohateny, ary ampiasao izany amin'ny lamina marina (ie h1, h2, h3, sns.). Ny fitaovam-panadiovana dia manome ny lanjany ambony indrindra amin'ny lahatsoratra ao anatin'io andian-dahatsoratra io satria misy sombin-kevitra semantika amin'ity lahatsoratra ity. Raha lazaina amin'ny teny hafa, amin'ny alalan'ny fametahana ny lohateninao H1, ianao dia milaza amin'ny zotra mpikaroka fa io no laharana # 1. Ny lohatenin'ny H2 dia misy ny fanamafisana ny # 2, sy ny sisa.

Ianao dia tsy tokony hotsaroanao izay karazana ampiasainao hamaritana ny lohateninao

Rehefa fantatrareo fa ny pejy rehetra amin'ny tranonkalanao dia hanana H1 izay sahy, 2em, ary mavo, dia azonao atao ny mamaritra azy indray mandeha ao amin'ny style sheet ary atao. 6 volana taty aoriana, rehefa mampiditra pejy hafa ianao, dia ampidiro ao amin'ny pejy voalohany ny pejy H1, tsy voatery hiverina any amin'ny pejy hafa ianao mba hahafantarana ny karazana ID na kilasy ampiasainao hamaritana ny loha-hevitra lohateny ary loha.

Manome drafitra matanjaka izy ireo

Mora kokoa ny mamaky lahatsoratra amin'ny famakiana azy. Izany no mahatonga ny ankamaroan'ny sekoly amerikanina hampianatra ny mpianatra hanoratra drafitra alohan'ny hanoratany ilay taratasy. Rehefa mampiasa fametahana lohateny amin'ny endriny iray ianao, ny endriny dia manana rafitra mazava izay manjavona haingana. Plus, misy fitaovana afaka manara-maso ny drafitra ao amin'ny pejy mba hanomezana ny sary, ary ireo dia miankina amin'ny lohapejy ho an'ny rindran-damina.

Hanampy anao ny sainao, na dia mihodina aza ny loko

Tsy ny olon-drehetra no afaka mijery na mampiasa taratasy faneva (ary niverina any amin'ny # 1 - ny fitaovam-pikarohana dia mijery ny votoatin'ny pejy misy anao, fa tsy ny taratasy fanoratana). Raha mampiasa tari-doha ianao dia ataonao mora kokoa ny pejinao satria ireo lohatenin-dahatsoratra dia manome fampahalalana izay tsy mety ny DIV.

Tena mahasoa ho an'ny mpamaky ny rindrankajy sy ny fahafahana miditra amin'ny tranonkala

Ny fampiasana tsara ny lohateny dia mamorona rafitra lojika amin'ny rakitra iray. Ity no ho an'ny mpamaky mpamaky mba hamaky "tranonkala" ho an'ny mpampiasa amin'ny fahitana fahitana, ka mahatonga ny tranokalaranao ho azon'ny olona manana fahasembanana.

Amboary ny soratra sy ny lohatenin'ny lohatenyo

Ny fomba mora indrindra hialana amin'ny olana "lehibe, saro-bidy ary mahatsiravina" amin'ny famaham-baovaon-doha dia ny manamboatra ny lahatsoratra amin'ny fomba tianao hijerena azy ireo. Raha ny marina, rehefa miasa amin'ny tranonkala vaovao aho, manoratra matetika ny fehintsoratra h1, h2, ary h3 ireo zavatra voalohany. Matetika aho no mifandray amin'ny family font sy ny lanjany. Azonao atao, ohatra, ny takelaka ofisialy ho an'ny tranokalam-baovao vaovao (ireny dia ohatra tokana azo ampiasaina):

body, html {margin: 0; padding: 0; } p {font: 1em Arial, Geneva, Helvetica, sans-serif; } h1 {font: bold 2em "Times New Roman", Times, serif; } h2 {font: bold 1.5em "Times New Roman", Times, serif; } h3 {font: bold 1.2m Arial, Geneva, Helvetica, sans-serif; }

Azonao atao ny manova ny endritsin'ny lohateninao na manova ny endri-tsoratra na ny lokon'ny loko . Ireo rehetra ireo dia hamadika ny lohateninao "mahatsiravina" ho lasa zavatra mamoafady kokoa sy mifanaraka amin'ny endrikao.

h1 {font: bold italic 2em / 1em "Times New Roman", "MS Serif", "New York", serif; margin: 0; padding: 0; loko: # e7ce00; }

Afaka mandahatra lohateny ny sisin-tany

Borders dia fomba tsara hanatsarana ny lohateninao. Ary mora ny manampy sisintany. Aza adino ny manandrana ny sisin-tany - tsy mila sisin-tany eo amin'ny andaniny roa amin'ny lohateninao ianao. Ary afaka mampiasa mihoatra ny sisin-dàlana tsotra fotsiny ianao.

h1 {font: bold italic 2em / 1em "Times New Roman", "MS Serif", "New York", serif; margin: 0; padding: 0; loko: # e7ce00; sisin-tany: solon'ny mediam-bahoaka # e7ce00; sisin-dàlana: marika # e7ce00; width: 600px; }

Nanampy sisintany ambony sy ambany aho teo amin'ny lohatenin'ny lohako mba hampahafantarako ireo endrika mahaliana. Azonao atao ny manisy sisintany amin'ny fomba izay tianao hanatratrarana ny fomba fanoratana tianao.

Ampio sary an-tsary ho an'ny lohateninao ho an'ny Pizazz bebe kokoa

Maro ny tranonkala manana lohateny lehibe ao an-tampon'ny pejy ahitana lohateny lehibe - amin'ny ankapobeny ny lohateny sy ny sary. Ny ankamaroan'ny mpanakanto mieritreritra an'izany ho singa roa samihafa, saingy tsy voatery. Raha toa ka ny sary ihany no manoritra ny lohateny, dia maninona raha ampidirinao amin'ny loha-doha?

h1 {font: bold italic 3em / 1em "Times New Roman", "MS Serif", "New York", serif; background: #fff url ("fancyheadline.jpg") repeat-x ambany; padding: 0.5em 0 0px 0; text-align: center; margin: 0; sisin-tany: solid # e7ce00 0.25em; loko: # e7ce00; }

Ny tsikera amin'ity lohateny ity dia fantatro fa 90 pixels ny halavan'ny sary. Noho izany dia nampidiriko am-bohaka ny lohatenin'ny 90px (padding: 0.5 0 90px 0p ;). Azonao atao ny milalao miaraka amin'ny sisiny, ny haavon'ny halavany, ary ny fametahana ny lohatenin'ny lohateninao mba hampisehoana marina ny toerana tianao.

Zavatra iray tokony hotsaroana amin'ny fampiasana sary dia ny hoe raha manana tranonkala fitadiavam-bola (izay tokony ho anao) miaraka amin'ny layout izay miova amin'ny lanjan'ny sary sy ny fitaovana, ny lohateninao dia tsy mitovy ny habeny. Raha mila lohateny lehibe ianao, dia mety hiteraka olana izany. Io no iray amin'ireo antony mahatonga ny ankamaroan'ny sary tsy mipoitra sary ao anaty lohateny, mangatsiaka araka izay azony jerena indraindray.

Fanamboarana sary ao amin'ny lohateny

Ity dia teknika malaza ho an'ny mpamorona tranonkala satria izy io dia mamela anao mamorona lohateny lehibe ary manolo ny lahatsoratra amin'ny lohapejy miaraka amin'ilay sary. Tena marina fa fomba amam-panao taloha avy amin'ireo mpamorona tranonkala no nahazo alalana tamin'ny endritsoratra vitsivitsy ary te hampiasa endritsoratra miavaka amin'ny asany. Ny fiakaran'ny endritsoratra anaty tranonkala dia nanova tanteraka ny fomba hanatonana ireo tetikasa. Ny lohatenin-dahatsoratra dia azo apetraka amin'ny endritsoratra maro samihafa ary ny sary izay tsy voafaritra intsony ireo endritsoratra ireo. Raha izany, dia hahita solosaina ho an'ny lohatenin-tserasera amin'ny alàlan'ny tranokala taloha izay mbola tsy navaozina amin'ny fomba fanao maoderina intsony ianao.

Lahatsoratra niavian'i Jennifer Krynin. Navoakan'i Jeremy Girard tamin'ny 9/6/17