CSS yog cascading style ntawv uas tau siv los tsim cov ntsiab lus pom ntawm cov nplooj ntawv Internet ntawm nplooj. Kev rov ua cov khoom tau sau tseg hauv CSS yog nqis tes ua ntawm HTML markup lus. Cascading ntxhuav lawv tus kheej tsis tuaj yeem siv ib leeg.
Siv CSS
CSS yog hom lus uas siv los ua haujlwm ntawm HTML markup ntsiab. Cascading ntxhuav tso cai rau koj los kho cov kev xaiv uas tsis tuaj yeem hloov hauv HTML. Piv txwv, siv hom lus sau ntawv, koj tuaj yeem hloov kho qhov style, xim. CSS tso cai rau koj los tsim cov npoo, cov kab, padding, qhov dav, qhov chaw ntawm lub luag haujlwm thiab ua cov khoom tsim tawm ntawm cov kev ntsuas uas tsis muaj peev xwm ua tau los siv "ntshiab" HTML.
Cascading style sheet tau txais kev txhawb nqa los ntawm yuav luag txhua qhov browser thiab siv tau yuav luag txhua lub vev xaib. Lawv tswj cov zaub ntawm cov ntsiab lus siv cov lus sau tseg thiab tso cai rau koj los tswj cov zaub ntawm cov khoom rau kev tshaj tawm txawv.
Yog tias HTML tsuas yog siv los ntawm kev tsim cov ntawv ntawm nplooj ntawv, CSS tso cai rau koj los kho cov khoom ntawm cov ncauj lus pom.
CSS syntax thiab nws cov hauv HTML code
Thaum tsim ib nplooj ntawv, nws yog qhov zoo dua los siv CSS dhau HTML cov cuab yeej. Qhov tseeb yog tias HTML thaum xub thawj tsis muaj txhais tau tias kho cov xim ntawm cov ntsiab lus thiab tsis yog tsim los teeb xim thiab tso saib cov khoom siv, thiab yog li ntawd kev siv HTML cov lus piav qhia rau kev tsim tus qauv yuav raug xam tias tsis raug los ntawm qee lub web tsim.
CSS muaj cov lus piav qhia sib txawv dua HTML thiab muaj nyob hauv nplooj ntawv kab ntawv ntawm cov ntawv cim npe. Koj tseem tuaj yeem ua ke CSS cov code uas nyob hauv ib daim ntawv cais siv qhov tsis tag:
CSS-code muaj qee yam syntax, uas yuav tsum nruj kom nruj, txwv tsis pub cov kab tsim tawm yuav tsis pom ntawm nplooj ntawv. Ib ntu ntawm CSS code yuav muab faib ua 3 lub ntsiab: xaiv, khoom thiab khoom muaj nqis. Cov khoom no tau sau tseg raws li hauv qab no:
selector {cuab yeej: muaj nqi; }
Lub tshuab xaiv tshwj xeeb tshaj tawm cov kov uas txoj cai tsim tso rau. Cov cuab yeej parameter txhais qhov hloov kho tau ntawm cov khoom, thiab tus nqi txiav txim siab cov kev xaiv cuam tshuam rau cov cuab yeej. Piv txwv li, txhawm rau hloov xim nyob rau hauv qib ob lub taub hau
HTML, koj tuaj yeem siv cov cai hauv qab no:
h2 {xim: xim liab; }
Tus lej no teeb tsa cov ntawv xim rau xim liab, uas yog nyob rau theem ob ntawm cov lus piav qhia.
CSS siv cov txheej txheem HTML xim lub rooj.
Ntxiv nrog rau siv cov cim npe, koj tuaj yeem siv cov cim npe sab hauv. Piv txwv li:
Taub Hau
Txoj cai no zoo ib yam rau ib qho piav qhia saum toj no, nrog qhov sib txawv uas CSS qhov lawv tus kheej tau teeb tsa sab hauv cov lus piav qhia uas xav tau los kho.