Etsa Lihlooho tse Majabajaba le CSS

Sebelisa Melao, Meeli le Lifoto ho Hlophisa Lihlooho

Lihlooho tsa litaba li tloaelehile maqepheng a mangata a maqephe. Ha e le hantle, mangolo a mangolo a mangata a atisa ho ba le sehlooho se le seng e le hore u tsebe sehlooho sa seo u se balang. Lihlooho tsena li ngotsoe ho sebelisa lihlooho tsa HTML - h1, h2, h3, h4, h5, le h6.

Libakeng tse ling, u ka fumana hore lihlooho tsa litaba li ngotsoe ntle le ho sebelisa lintlha tsena. Ho e-na le hoo, lihlooho tsa litaba li ka sebelisa lirapa le litšobotsi tse itseng tsa sehlopha tse li kenyelitsoeng, kapa likarohano ka likarolo tsa sehlopha. Lebaka leo ke atisang ho utloa ka mokhoa ona o sa nepahalang ke hore moqapi "ha a rate lihlooho tsa ho sheba". Ka nako e sa lekanyetsoang, lihlooho li bontšoa ka sebete 'me li na le boholo bo boholo, haholo-holo lihlahisoa tsa h1 le tsa h2 tse bonts'a boholo ba boholo ba lipapali ho feta tse ling kaofela tsa leqephe. Lula u hopotse sena ke feela ho shebahala ka ho feletseng ha likarolo tsena! Ka CSS, o ka etsa hore hlooho e shebahale ha o batla! O ka fetola boholo ba fonte, tlosa sebete, joalo-joalo. Lihlooho ke tsela e nepahetseng ea ho ngolisa lihlooho tsa leqephe. Mona ke mabaka a mang a etsang hore.

Ke Hobane'ng ha U Sebelisa Li-Sheading Tags Ho e-na le DIVs le Styling

Lisebelisoa tsa ho Batla Joaloka Heading Tags


Ena ke lona lebaka le letle la ho sebelisa lihlooho, 'me u li sebelise ka tatellano e nepahetseng (ke gore h1, joale h2, joale h3, joalo-joalo). Lienjini tsa ho batla li fana ka boima bo phahameng ka ho fetisisa ho melaetsa bo kenyelletsitsoeng ka har'a li-tags tsa sehlooho hobane ho na le bohlokoa ba semantic ho temana eo. Ka mantsoe a mang, ka ho ngola lebitso la hau la leqephe la H1, u bolella sekho sekhoele sa ho batla hore ke sepheo sa # 1 sa leqephe. Lihlooho tsa H2 li hatisa # 2, joalo-joalo.

U se ke ua hopola hore na ke lihlopha life tseo u li sebelisitseng ho hlalosa lihlooho tsa hau

Ha o tseba hore maqephe a hau a marang-rang a tla ba le H1 e nang le sebete, 2em le e mosehla, joale o ka e hlalosa ka lekhetlo la pele ka mokhoa oa hau oa mekhoa ea matsoho le ho etsoa. Likhoeli tse tšeletseng hamorao, ha u eketsa leqephe le leng, u feela u kenya lebokose la H1 holimo ho leqephe la hau, ha ho hlokahale hore u khutlele maqepheng a mang ho fumana hore na setšoantšo sa ID kapa sehlopha seo u se khethileng se bolela'ng sehlooho sa lihlooho le lihlooho tse nyenyane.

Ba fana ka Kemiso e Matla ea Leqephe

Litemana li etsa hore ho be bonolo ho bala temana. Ke kahoo likolo tse ngata tsa US li rutang liithuti hore li ngole kemiso pele li ngola pampiri. Ha u sebelisa mekhoa ea sehlooho mofuteng oa kemiso, temana ea hau e na le moelelo o hlakileng o hlahang ka potlako haholo. Ho feta moo, ho na le lisebelisoa tse ka hlahlobang kemiso ea leqephe bakeng sa ho fana ka li-synopsis, 'me li itšetleha ka ho beha litemana bakeng sa kemiso ea kemiso.

Leqephe la Hao le Tla Etsa Hore le Tsebe le ka Lifeshene li Khaotse

Hase motho e mong le e mong ea ka shebellang kapa ea sebelisang maqephe a mokhoa (mme sena se khutlela ho # 1 - lienjini tsa ho phenyekolla litaba (text) tsa leqephe la hau, eseng maqephe a mokhoa. Haeba u sebelisa li-tags, u etsa hore maqephe a hau a fumanehe haholoanyane hobane lihlooho tsa litaba li fane ka tlhahiso ea hore letšoao la DIV le ke ke la atleha.

E na le Thuso Bakeng sa Babali ba Sebui le Websaete ea ho Finyella

Tšebeliso e nepahetseng ea lihlooho e etsa moralo o utloahalang ho tokomane. Sena ke seo babali ba skrine ba tla se sebelisa ho "balla" setša ho motho ea nang le bothata ba pono, ho etsa hore sebaka sa hau se fumanehe ho batho ba nang le bokooa.

Tšoaea Tlhaloso le Mongolo oa Lihlooho tsa Hao

Tsela e bonolo ka ho fetisisa ea ho tloha ho "bothata bo boholo, bo sebete le bo bobe" ba ho beha melaetsa ke ho ngola mongolo ka tsela eo u batlang hore ba shebahale ka eona. Ha e le hantle, ha ke ntse ke sebetsa websaeteng e ncha, ke tloaetse ho ngola serapa, h1, h2, le h3 mekhoa ea pele. Ke atisa ho khomarela malapa a feshene le boholo / boima ba 'mele. Ka mohlala, ena e ka 'na ea e-ba letlapa la pele bakeng sa sebaka se secha (tsena ke mohlala feela oa mekhoa e ka sebelisoang):

'mele, html {margin: 0; ho robala: 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.2em Arial, Geneva, Helvetica, sans-serif; }}

U ka fetola li-fonts tsa sehlooho sa hau kapa u fetola mokhoa oa mongolo kapa esita le 'mala oa molaetsa . Tsena tsohle li tla fetola sehlooho sa "se sebe" ho kena ho hong ho matla le ho boloka moqapi oa hau.

h1 {font: bold italic 2em / 1em "Times New Roman", "MS Serif", "New York", serif; marge: 0; ho robala: 0; 'mala: # e7ce00; }}

Meeli e ka apara lihlooho

Meeli ke tsela e ntle ea ho ntlafatsa lihlooho tsa litaba tsa hau. 'Me meeli e bonolo ho eketsa. Empa u se ke ua lebala ho leka meeli-ha u hloke moeli ka lehlakoreng le leng la sehlooho sa hau. Hape u ka sebelisa tse fetang feela meeli e totobetseng.

h1 {font: bold italic 2em / 1em "Times New Roman", "MS Serif", "New York", serif; marge: 0; ho robala: 0; 'mala: # e7ce00; moeli-ka holimo: seaplane se tiileng # e7ce00; moeli-tlase: o nang le # e7ce00 e nyenyane; bophara: 600px; }}

Ke kentse moeli o ka hodimo le o ka tlase ho mohlooho oa ka oa mohlala oa ho hlahisa mefuta e meng e thahasellisang ea litšoantšo. U ka eketsa meeli ka tsela leha e le efe eo u neng u batla ho e finyella mokhoa oo u o batlang.

Eketsa Litšoantšo tsa Lihlooho tsa Litaba tsa Hao bakeng sa Pizazz le ho feta

Liwebsaete tse ngata li na le karolo ea sehlooho se ka holimo ho leqephe le nang le sehlooho-ka tloaelo sehlooho sa mohala le sebopeho. Boholo ba liqapi ba nahana ka sena e le likarolo tse peli tse fapaneng, empa ha ho hlokahale. Haeba papiso e teng ho khabisa sehlooho, joale ke hobane'ng ha u se ke ua e eketsa mekhoeng ea sehlooho?

h1 {font: bold italic 3em / 1em "Times New Roman", "MS Serif", "New York", serif; setsi sa morao: #fff url ("fancyheadline.jpg") ka tlaase-x; ho robala: 0.5em 0 90px 0; ho ngolla mongolo: bohareng; marge: 0; moeli-tlaase: e tiileng # e7ce00 0.25em; 'mala: # e7ce00; }}

Tsela e lebisang sehloohong sena ke hore ke tseba setšoantšo sa ka ke bolelele ba li-pixels tse 90. Kahoo ke ile ka eketsa padding ho ea tlaase sehloohong sa 90px (ho pata: 0.5 0 90px 0p;). O ka bapala le marang-rang, bophahamo ba line-bala, le padding ho fumana hore sehlooho sa sehlooho se hlahise hantle moo u se batlang.

Ntho e 'ngoe eo u lokelang ho e hopola ha u sebelisa litšoantšo ke hore haeba u na le websaeteng e amohelehang (eo u lokelang ho e etsa) ka mohaho o fetohang ka boholo ba lisebelisoa le lisebelisoa, u se ke ua lula u le boholo bo lekanang kamehla. Haeba o hloka hlooho ea hau ea sehlooho hore e be boholo bo tobileng, sena se ka baka mathata. Ke e 'ngoe ea mabaka ao ke atisang ho qoba litšoantšo tsa morao-rao ka sehloohong, e le pholile joalokaha ka linako tse ling e ka shebahala.

Ho Fetoha ha Litšoantšo Lihloohong

Ena ke mokhoa o mong o ratoang bakeng sa baqapi ba Websaete hobane ho u lumella hore u hlahise sehlooho se hlalosang mantsoe 'me u nke sebaka sa lebokose la sehlooho le setšoantšo seo. Ena ke mokhoa o neteang oa mekhoa ea khale e tsoang ho baetsi ba li-websaete ba nang le litlhaloso tse fokolang haholo 'me ba batla ho sebelisa liforomo tse ngata tse sa tloaelehang mosebetsing oa bona. Ho nyoloha ha fonte tsa websaete ho hlile ho fetohile kamoo baqapi ba atamela liwebsaete. Hona joale lihlooho tsa litaba li ka behoa fonong le litšoantšo tse fapa-fapaneng tse nang le li-fonts tse kenngoa ha li sa hlokahala. Ha ho joalo, u tla fumana litšoantšo tsa CSS feela bakeng sa lihlooho tsa libaka tsa khale tse e-s'o ntlafatsoe ho ea mekhoeng e meng ea kajeno.

Sehlooho sa pele sa Jennifer Krynin. E hlophisitsoeng ke Jeremy Girard ka la 9/6/17