Kuti CSS Nhaka Inoshanda Sei paWebhu Documents

Chikamu chinokosha chekunyorera webhusaiti neCSS ndiko kunzwisisa pfungwa yefa.

CSS nhaka inongorondedzerwa nemutauro weimba inoshandiswa. Paunotarisa kumusoro kwemavara yemuvara-ruvara-ruvara, uchaona chikamu chakanzi "Nhaka". Kana iwe wakafanana nevewebhu web designers, iwe usina kuteerera chikamu ichocho, asi chinoshumira chinangwa.

Chii chiri CSS Nhaka?

Chinhu chimwe nechimwe muhurukuro yeHTML chikamu chemuti uye zvinhu zvose kunze kwekutanga chikamu chine chinhu chebereki chinochivhara. Chero zvipi zvematayiri zvinoshandiswa kune icho chibereki mubereki chinogona kushandiswa kune zvinhu zvakapoteredzwa mairi kana iyo michero ndiyo inogona kupiwa nhaka.

Semuenzaniso, iyi HTML code iri pasi ine H1 tag inopinza em tag EM:

Uyu musoro Big

IE element chimiro mwana mwana weH1 chimiro, uye maitiro ose paH1 ayo akagara nhaka achaendeswa kumagwaro EM zvakare. Semuyenzaniso:

h1 {font-size: 2em; }

Sezvo nzvimbo yepasita-size yakatora nhaka, mutsara unoti "Big" (iyo ndiyo yakavharwa mukati memat tag EM) ichave yakafanana neyese yeH1. Ichi ndechokuti inowana nhaka inowanikwa muCSS.

Nzira Yokushandisa CSS Nhaka

Nzira iyo iri nyore kushandisa nayo ndeyokuti uzive neCSS zvinhu izvo uye hazvina kutora nhaka. Kana iyo dzimba yakagara nhaka, iwe unoziva kuti kukosha kuchagara kwakakonzerwa nezvose zvechikamu chemudiki muhurukuro.

Nzira yakanakisisa yekushandisa iyi ndeyekuisa matanho ako ekutanga pane imwe nheyo yepamusoro-soro, seBODY. Kana iwe ukamisa font yako -yemhuri pamuviri wemuviri, ipapo, nekuda kwefa, iyo yose rugwaro ruchachengeta iyo imwechete-mhuri. Izvi zvichaita kuti zvive zviduku zvetsika zvepamusoro zvisingakwanisi kutarisira nokuti pane zvishoma zvidhi zvese. Semuyenzaniso:

muviri {font-family: Arial, sans-serif; }

Shandisa Inherit Style Value

Imba imwe neimwe yeCSS inosanganisira kukosha "nhaka" sechinhu chingaita. Izvi zvinoudza weWeb browser, kuti kunyange kana nzvimbo yacho isingawanzogara nhaka, inofanira kuva yakakosha zvakafanana semubereki. Kana ukaronga chimiro chakadai semuganhu usina kupiwa nhaka, unogona kushandisa nhaka inowanikwa pazvinhu zvinotevera kuti uvape mutengo wakafanana semubereki. Semuyenzaniso:

mutumbi {margin: 1em; } p {margin: nhaka; }

Nhaka Dzakashandiswa Kuverenga Mazano

Izvi zvinokosha kuti tive nemafungiro akaenzana semafaira emhando dzinoshandisa urefu. Nhamba yakakosha inokosha iyo inofanana nezvimwewo kukosha paWeji peji.

Kana iwe ukasarudza faira-1em pane chinhu chako cheBODY, peji yako yose haisi yose inenge 1m muhukuru. Izvi ndechokuti zvikamu zvakaita semisoro (H1-H6) nezvimwe zvinhu (mamwe ma browser anongoronga tafura zvinhu zvakasiyana) ane ushamwari hwehukama muWeb browser. Mukusina kweimwe hutema hukuru ruzivo, Muchengeti weWebhu unogara uine H1 musoro wehurukuro huru pane peji, inoteverwa neH2 nezvimwe zvakadaro. Paunenge uisa chikamu chako cheBODY kuhukuru hwemafonti, ipapo iyo inoshandiswa se "muyero" usayizi wepafaira, uye musoro wezvinyorwa zvinoverengerwa kubva ipapo.

Tsananguro Pamusoro peNhaka uye Nzvimbo Yenzvimbo Yakasikwa

Kune miitiro yakawanda inorongwa haina kutora nhaka muCSS 2 paW3C, asi maWebbvurunhare anowanowana nhaka. Somuenzaniso, kana iwe wakanyora zvinotevera HTML neCSS: