Yenza i-Headings Headings neCSS

Sebenzisa amaGosa, iMida, kunye neZithombe zokuHlobisa iintloko

Iintloko ziqhelekileyo kumaphepha amaninzi ewebhu. Enyanisweni, uxwebhu olubhaliweyo oluninzi luba noluncinci olulodwa ukuze ukwazi isihloko sento oyifunayo. Ezi zihloko zikhowudiwe ngokusebenzisa izihloko ze-HTML - h1, h2, h3, h4, h5, kunye h6.

Kwezinye iisayithi, unokufumana ukuba ezi zihloko zikhowudi ngaphandle kokusebenzisa ezi zinto. Endaweni yoko, iintloko zingasebenzisa imihlathi ngeempawu ezithile zeklasi ezongeziweyo kubo, okanye ukwahlukana ngezinto zeklasi. Isizathu sokuba ndivame ukuva malunga nale mkhuba engafanelekanga kukuba umyili "akayithandi indlela ebonakala ngayo". Ngokungagqibekanga, izihloko ziboniswa ngokugqamile kwaye zikhulu ngobukhulu, ngokukodwa izinto ze-h1 ne-h2 ezibonisa ubungakanani befonti obukhulu kunabo bonke bebhaliweyo bephepha. Hlalani nikhumbule oku kukuphela kokubukeka kwezinto ezikhoyo! Nge CSS, unokwenza ukhangele ikhwepha nangona ufuna! Ungatshintsha ubungakanani befonti, susa isibindi, nangaphezulu. Izihloko zindlela efanelekileyo yokukhokha iindatshana zephepha. Nazi ezinye izizathu zokuba kutheni.

Kutheni usebenzisa I-Tag Tags ngaphandle kwe-DIVs kunye ne-Styling

Iinjongo zophando njengeTesha yeTekisi


Esi sizathu esihle kakhulu sokusebenzisa izihloko, kwaye uyisebenzise ngendlela echanekileyo (okt h1, ke h2, ke h3, njl). Iinjongo zophando zinika ubunzima bokubhaliweyo kwimiyalezo ebandakanywe ngaphakathi kweetekisi zentloko kuba kukho ixabiso le-semantic kulo mbhalo. Ngamanye amagama, ngokubhalile isihloko sakho sephepha H1, uxelela inqamleza yesinki senjini yokukhangela ukuba okokuqala kukujoliswe kwiphepha. Izihloko ze-H2 zinokugxininiswa # #, njalo njalo.

U-Don & # 39; Ufanele Ukhumbule Ziziphi Iiklasi Ozisebenzise Ukuchaza IiNtloko Zakho

Xa uyazi ukuba onke amawebhsayithi akho eWeb aza kuba ne-H1 enesibindi, e-2, kunye nephuzi, ngoko unokuchaza ukuba kanye kwi-style style kunye nokwenziwa. Kwiinyanga ezili-6 kamva, xa ungeze elinye iphepha, ungeze nje itekisi ye-H1 phezulu kwiphepha lakho, akudingeki ubuyele kwamanye amaphepha ukufumana ukuba yeyiphi i-ID yesimboli okanye iklasi oyisebenzisayo ukuchaza intloko kunye neentloko.

Banikezela ngePhepha eliPhezulu lePhepha

Iinkcazo zenza ukuba umbhalo ufundeke lula. Yingakho izikolo ezininzi zase-US zifundisa abafundi ukuba babhale isicatshulwa ngaphambi kokubhala iphepha. Xa usebenzisa i-tags ehamba phambili kwifom yebalazwe, isicatshulwa sakho sinesakhiwo esicacileyo esibonakala ngokukhawuleza. Ngaphezulu, zikho izixhobo ezinokuphonononga umgca wekhasi ukuze unikezele i-synopsis, kwaye zixhomekeka kwiimpawu zetekethi yesakhiwo senkcazo.

Ikhasi Lakho Liza Kukunika Iingcamango Ngayo Izitayela Zivuliwe

Akubona wonke umntu onokujonga okanye ukusebenzisa ama-style sheet (kwaye oku kubuya kwi # 1 - iinjini zokukhangela zijonga umxholo (itekisi) yephepha lakho, kungekhona amashidi wesitayela). Ukuba usebenzisa i-tags ehamba phambili, wenza amaphepha akho afumaneke ngakumbi kuba iincwadi zifundisa ngolwazi lwe-DIV.

Kunceda Abafundi Besikrini kunye ne-Website Ukufikelela

Ukusetyenziswa okufanelekileyo kwezihloko kudala isakhiwo esinengqiqo kumqulu. Oku ngabafundi bekrini bazakusebenzisa ukuba "bafunde" isayithi kumsebenzisi onobungozi bombono, ukwenza indawo yakho ifumaneke kubantu abakhubazekileyo.

Isitayela Umbhalo kunye ne-Font of Your Headlines

Indlela elula yokusuka kwi "ingxaki enkulu, inesibindi, neyibi" yee-tags ezihamba phambili kukubhala isicatshulwa ngendlela ofuna ukuba bajonge ngayo. Enyanisweni, xa ndisebenza kwiwebhusayithi entsha, ngokuqhelekileyo ndibhalela umhlathi, h1, h2, kunye ne-h3 zezindlela zokuqala. Ndidla ngokunamathela kwintsapho nje kunye nobukhulu / ubunzima. Ngokomzekelo, oku kungaba ngumfanekiso wesimboli sokuqala kwisayithi elitsha (le mizekelo nje yimizekelo engasetyenziswa):

umzimba, html {umgama: 0; ukupakisha: 0; } {{font}: ku-Arial, Geneva, Helvetica, sans-serif; } h1 {font: bold 2em "amaxesha amatsha amaRoma", amaxesha, serif; } h2 {font: bold 1.5em "amaxesha amasha amaRoma", amaxesha, serif; } {h} {ifonti: isibindi 1.2em Arial, Geneva, Helvetica, sans-serif; }

Uyakwazi ukuguqula iifom zekhanda lakho okanye uguqule isitayela sombhalo okanye umbala wombhalo . Zonke ezi zinto ziya kuguqula isihloko sakho "esibi" sibe yinto enamandla ngakumbi kwaye ngokuhambisana nokuyila kwakho.

h1 {font: bold italic 2em / 1em "Ixesha elitsha lamaRoma", "MS Serif", "iNew York", serif; umgama: 0; ukupakisha: 0; Umbala: # e7ce00; }

Imida iyakwazi ukugqoka iiNtloko

Imijelo yindlela enhle yokuphucula izihloko zakho. Kwaye kulula ukuyongeza. Kodwa ungakulibali ukuzama imida - awuyidingi umda kwicala ngalinye kwintloko yakho. Kwaye ungasebenzisa okungaphezulu nje kwemida engqambileyo.

h1 {font: bold italic 2em / 1em "Ixesha elitsha lamaRoma", "MS Serif", "iNew York", serif; umgama: 0; ukupakisha: 0; Umbala: # e7ce00; umda we-edge: phezulu # e7ce00 ephakathi; Umda ongasemngceleni: onama- # e7ce00 amancinci; ububanzi: 600px; }

Ndongezelela umda ophezulu kunye nomzantsi ukuya kwisampula sam isampula ukuze ndivelise ezinye iindlela ezibonakalayo ezithakazelisayo. Ungongeza imida nangayiphi na indlela ofuna ukuyifumana ngayo isitayela esiyifunayo.

Yongeza imifanekiso yangasemva kwiiNtloko zakho Ngaphezulu kwePizazz

Amaninzi eWebhsayithi anesiqendu esiphezulu kwiphepha elibandakanya isihloko-ngokuqhelekileyo isihloko sesayithi kunye nomzobo. Uninzi lwabatyikityili bacinga ngale nto njengezinto ezimbini ezihlukeneyo, kodwa akudingeki. Ukuba umzobo ukhona nje ukuhlobisa umxholo, ngoko kutheni ungayifaki kwizitayela ezihamba phambili?

h1 {font: bold italic 3em / 1em "Ixesha elitsha lamaRoma", "MS Serif", "iNew York", serif; imvelaphi: #fff url ("fancyheadline.jpg") kuphinda-x; i-padding: 0.5em 0 90px 0; ukulungelelanisa umbhalo: isikhungo; umgama: 0; umda wezantsi: umgangatho oqinile # e7ce00 0.25m; Umbala: # e7ce00; }

Iqhinga kulo mxholo kukuba ndiyazi umfanekiselo wam iipeliseli ezingama-90 ubude. Ngoko ndongeze i-padding ukuya ngasezantsi kwiphambili ye-90px (ukupakisha: 0.5 0 90px 0p;). Uyakwazi ukudlala ngee-margins, ukuphakama komgca, kunye ne-padding ukuze ufumane isihloko somxholo ukubonisa ngqo apho ufuna khona.

Into enye ekufuneka uyikhumbule xa usebenzisa imifanekiso kukuba ukuba unayo iwebhusayithi ephendulelayo (okufuneka uyenze) kunye nesakhiwo esitshintsha ngokusekelwe kwimibukiso yesayizi kunye neefowuni, umxholo wakho awuyi kuba sobukhulu obufanayo. Ukuba ufuna i-headline yakho ibe bubungakanani obuchanekileyo, oku kungabangela iingxaki. Enye yezizathu zokuba ndivame ukuphepha imifanekiso yangemuva kwinqanaba, njengento epholile njengoko ngezinye iindawo bayabheka.

Ukutshintsha umfanekiso kwiNtloko

Le yindlela enye eyaziwayo kubayila bewebhu kuba kukuvumela ukuba udale umxholo ocacileyo kwaye ufake indawo yombhalo wesicatshulwa kunye nomfanekiso. Oku kuyinyaniso yokuqhelana nabasebenzi bewebhu ababenokufikelela kwiifolthi ezimbalwa kwaye babefuna ukusebenzisa amafonti angaphezulu okungaqhelekanga emsebenzini wabo. Ukunyuka kwamafonti ewebhu kuye kwatshintsha indlela abaqulunqa ngayo amawebhusayithi. Iintloko ziyakwazi ukusekwa kwiifolthi ezahlukeneyo kunye nemifanekiso kunye nale mibhalo ifakwe kwi-intanethi ayisadingeki. Ngaloo ndlela, uzakufumana kuphela ukutshintshwa kwezithombe zeCSS kwiintloko ezindala ezingazange zihlaziywe kwiindlela ezininzi zanamhlanje.

Inqaku loqobo loJennifer Krynin. Ehlelwe nguJeremy Girard ngomhla we-9 / 6/17