Yuav ua li cas CSS qub ntiav ua hauj lwm hauv Web Documents
Ib feem tseem ceeb ntawm kev ua yeeb yam lub website nrog CSS yog nkag siab lub tswv yim ntawm qhov qub txeeg qub teg.
CSS qub txeeg qub teg tau txhais los ntawm cov qauv ntawm cov khoom siv. Thaum koj saib txog cov cuab yeej cuab tam tom qab-xim, koj yuav pom ib ntu hu ua "Plaub hau". Yog tias koj zoo li feem ntau cov neeg tsim tawm hauv lub web site, koj tsis quav ntsej qhov ntawd, tab sis nws ua hauj lwm rau ib lub hom phiaj.
CSS qub txeeg qub teg yog dab tsi?
Txhua lub caij hauv cov ntaub ntawv HTML yog ib feem ntawm ib tsob ntoo thiab txhua lub caij tshwj tsis yog pib lub element muaj ib qho niam txiv keeb uas khwv nws. Xijpeem yeej siv rau cov niam txiv lub npe tuaj yeem siv rau cov ntsiab lus nyob rau hauv yog tias cov khoom yog cov uas tau txais los ntawm niam txiv.
Piv txwv, qhov HTML code hauv qab no muaj ib qho H1 lossis muaj ib qho EM lossis:
Qhov no yog ib loj Headline Lub caij em yog tus me nyuam ntawm H1, thiab txhua tus cwj pwm ntawm H1 uas tau txais los ntawm yuav raug xa mus rau EM text thiab. Piv txwv li:
h1 {font-size: 2em; } Txij li cov cuab yeej ntawm qhov loj ntawm cov ntawv me me, cov ntawv nyeem hais tias "Loj" (uas yog dab tsi muaj nyob rau hauv lub cim npe EM) yuav yog qhov loj me tib yam li ntawm H1. Qhov no yog vim nws yog tus nqi muaj nqis hauv CSS cov cuab yeej.
Yuav Siv CSS Tsiaj Ntawv
Qhov yooj yim tshaj plaws los mus siv nws yog kom paub txog cov CSS cov khoom uas muaj thiab tsis yog niam txiv. Yog hais tias qhov khoom muaj txiaj ntsig, ces koj paub tias tus nqi yuav zoo ib yam rau txhua tus me nyuam nyob hauv daim ntawv.
Txoj kev zoo tshaj plaws los siv qhov no yog teeb tsa koj tus cwj pwm yooj yim rau ib theem siab, zoo li lub cev. Yog hais tias koj teem koj font-tsev neeg ntawm lub cev cuab, ces, tsaug rau inheritance, tag nrho daim ntawv yuav khaws tib yam font-tsev neeg. Qhov no yuav ua rau me ntsis stylesheets uas yooj yim rau kev tswj vim hais tias muaj ntau feem ntau yeej. Piv txwv li:
{font-family: Arial, sans-serif; } Siv Tus Nqi Xyaum Qib Siab
Txhua qhov khoom CSS muaj xws li tus nqi "txais txiaj ntsig" raws li qhov kev xaiv tau. Qhov no qhia cov Web browser, tias txawm tias lub cuab yig yuav tsis pub niam txiv, nws yuav tsum muaj tus nqi tib yam li tus niam txiv. Yog tias koj teem ib hom lus xws li ib qho paj uas tsis muaj keeb kwm, koj tuaj yeem siv tus nqi tseem ceeb ntawm cov khoom tom qab muab rau lawv tib yam nkaus li tus niam txiv. Piv txwv li:
{lub sijhawm: 1em; } p {margin: inherit; } Cov Qub Txiag Siv Yuav Xam Nqi
Qhov no yog qhov tseem ceeb rau cov khoom muaj nqis xws li cov ntawv nyeem ntau ntau uas siv qhov ntev. Tus nqi ua computed yog tus nqi uas yog ib qho tseem ceeb rau qee yam nqi ntawm qhov Web site.
Yog hais tias koj teev tus font-loj ntawm 1em ntawm koj lub cev CODE, koj tag nrho cov nplooj ntawv yuav tsis yog tag nrho tsuas yog 1b loj. Qhov no yog vim cov ntsiab lus zoo li lub hau (H1-H6) thiab lwm cov ntsiab lus (qee cov browsers compute table cov khoom txawv) muaj ib tus neeg txheeb ze hauv Web browser. Thaum tsis muaj lwm cov ntawv qhia txog cov ntawv loj, lub Web browser yuav nco ntsoov ua H1 cov ntawv xov xwm ntau tshaj plaws nyob rau sab ntawv, ua raws li H2 ua ke. Thaum koj muab koj lub cev lub cev rau ib hom ntawv loj, ces qhov ntawd yog qhov siv qhov nruab nrab "qhov nruab nrab", thiab cov ntsiab lus ntawm cov ntsiab lus tau los ntawm qhov ntawd.
Ib Cov Lus Ceeb Txog Kev Tiv Thaiv thiab Cov Khoom Tom Qab
Muaj ntau ntau hom uas tau teev tseg tsis tau muaj hauv CSS 2 ntawm W3C, tiam sis qhov web browsers tseem muaj txiaj ntsig cov txiaj ntsig. Piv txwv, yog tias koj tau sau cov HTML thiab CSS nram qab no: