! Cov Tseem Ceeb Yam Hloov Hauv Cov Ntxim Saib Ntxim Ua
Ib qho ntawm txoj kev zoo tshaj plaws kom kawm tau cov cai code cov cai yog saib ntawm qhov chaw lis dej num ntawm lwm qhov chaw. Qhov kev xyaum no yog pes tsawg tus kws tshaj lij cov neeg kawm tau kawm txog lawv cov khoom siv, tshwj xeeb tshaj yog nyob rau hauv cov hnub ua ntej muaj ntau txoj kev xaiv rau kev tsim web site , cov phau ntawv , thiab cov chaw kawm online.
Yog tias koj sim ua li no thiab saib rau ntawm qhov chaw kawm ntawv cov kab ntawv cascading style (CSS), ib yam koj yuav pom hauv qhov chaws yog ib qho kab uas hais!
Qhov ntawd txhais tau li cas thiab, qhov tseem ceeb tshaj, koj siv cov lus tshaj tawm li cas hauv koj cov ntawv sau?
Lub Cascade ntawm CSS
Ua ntej tshaj plaws, nws tseem ceeb heev kom nkag siab hais tias cascading style nplooj ntawv tiag tiag cascade , lub ntsiab lus lawv muab tso rau hauv ib qho kev txiav txim. Feem ntau, qhov no txhais tau hais tias cov kev cai yog siv rau hauv qhov kev txiav txim uas lawv tau nyeem los ntawm qhov browser. Cov thawj style yog siv thiab ces tus thib ob thiab li ntawd.
Yog li ntawd, yog tias ib lub ntsiab lus tshwm rau sab saum toj ntawm cov ntawv nplua thiab tom qab ntawd hloov qis dua hauv daim ntawv, qhov thib ob qhov ntawm hom ntawv ntawd yog qhov siv rau hauv cov xwm txheej tom ntej, tsis yog thawj. Yeej, yog ob hom yeej hais tib yam nkaus (uas txhais tau tias lawv muaj tib theem li qhov tshwj xeeb), qhov kawg yuav sau rau hauv.
Piv txwv, cia peb xav tias cov yeeb yam nram qab no muaj nyob rau hauv ib daim ntawv sau. Cov pawg lus ntawv yuav raug muab coj los ua dub, txawm tias thawj hom khoom siv yog liab.
Qhov no yog vim hais tias tus nqi "dub" yog teev thib ob. Txij li thaum CSS nyeem saum toj-hauv-qab, qhov kawg style yog "dub" thiab yog li ntawd ib qho yeej.
p {xim: liab; }
p {xim: dub; }
Qhov Tseem Ceeb Ua Ntej
Tam sim no koj nkag siab tias cov kev cai lij choj yuav luag zoo li cas los ntawm CSS, peb tuaj yeem saib xyuas qhov tseem ceeb hauv kev hloov qee yam me ntsis.
Txoj kev cai tswjfwm tseem ceeb tuaj yeem cuam tshuam rau hauv koj qhov CSS cascades thaum ua raws li cov cai koj xav tias tseem ceeb tshaj plaws thiab yuav tsum raug siv. Ib txoj cai uas muaj qhov kev qhia tseem ceeb yog ib txwm siv rau txhua qhov kev cai lij choj hauv CSS daim ntawv.
Txhawm rau lub ntsiab lus ntawm cov ntawv nyeem ib txwm liab, los ntawm cov qauv saum toj no, koj yuav siv:
p {xim: xim liab! tseem ceeb; }
p {xim: dub; }
Tam sim no tag nrho cov ntawv nyeem yuav tshwm sim hauv liab, txawm tias tus nqi "dub" thib ob. Txoj kev cai tswjfwm tseem ceeb tshaj qhov ua rau qee txoj cai ntawm cov cascade thiab nws muab qhov style tshwj xeeb heev.
Yog hais tias koj kiag li yuav tsum tau cov paragraphs tshwm liab, style no yuav ua nws, tab sis qhov ntawd tsis txhais hais tias qhov no yog ib qho kev xyaum zoo. Peb saib tom ntej thaum koj xav siv! Tseem ceeb thiab thaum twg tsis tsim nyog.
Thaum Yuav Siv!!
Cov lus qhia tseem ceeb yuav pab tau zoo heev thaum koj tab tom kuaj thiab kho qhov website. Yog tias koj tsis paub meej tias vim li cas ho tsis siv cov style thiab xav tias nws yog qhov teeb meem qhov tseem ceeb, koj tuaj yeem sib ntxiv! Qhov tseem ceeb tshaj tawm rau koj tus qauv kom pom tias nws kho qhov ntawd.
Yog hais tias ntxiv! Tseem ceeb kho qhov teeb meem style, koj muaj cia li txiav txim siab tias nws yog ib qhov teeb meem tseem ceeb. Txawm li cas los xij, koj tsis xav tawm qhov ntawd! Qhov tseem ceeb hauv qhov chaw, nws tsuas yog muab tso tawm rau cov laj thawj.
Vim tias kev xeem tiav, koj yuav tsum tshem tawm cov lus qhia thiab kho koj lub selector kom ua tiav qhov tshwj xeeb uas koj xav tau kom koj ua haujlwm zoo. ! Tseem ceeb yuav tsum tsis txhob ua nws txoj kev rau hauv koj qhov chaw ntau lawm, vim yog qhov hloov nws txoj kev cascade.
Yog tias koj ntshiv heev rau ntawm qhov kev ceeb toom tseem ceeb kom tau raws li qhov koj xav tau, koj yuav tau txais ib daim ntawv phom sij nrog qhov tseem ceeb. Koj yuav ua raws li txoj hauv kev hloov cov nplooj ntawv CSS tau ua tiav. Nws yog kev xyaum tub nkeeg uas tsis zoo los ntawm kev tswj xyuas haujlwm ntev.
Siv! Tseem ceeb rau kev soj ntsuam lossis, qee zaum, thaum koj kiag yuav tsum override tus qauv hauv inline uas yog ib feem ntawm lub ntsiab lossis qauv qauv.
Txawm nyob rau hauv cov ntaub ntawv no, siv txoj hauv kev li no ua kom tau thiab siv zog los sau cov ntawv txhim kho kom huv si uas nkag siab txog cascade.
Tus Neeg Siv Ntawv Cov Ntawv Xaiv
Muaj ib daim ntawv kawg ntawm tsab cai! Uas tseemceeb uas yuav tsum tau nkag siab. Txoj cai tswjfwm no kuj muab tso rau hauv qhov chaw los pab cov nplooj ntawv web page nrog cov nplooj ntawv cov nplooj ntawv uas ua rau nplooj ntawv nyuaj rau lawv siv los yog nyeem.
Feem ntau, yog tias tus neeg siv cov lus qhia txog cov nplooj ntawv web page, daim ntawv ntaus ntawv no raug txwv los ntawm nplooj ntawv web page author's style sheet . Yog hais tias tus neeg siv lub npe yog ib qho tseem ceeb, tus qauv ntawd sau txog cov nplooj ntawv web page author's style sheet, txawm tias tus sau tus cai ua qhov tseem ceeb!
Qhov no yuav pab tau rau cov neeg siv uas yuav tsum tau xaiv kom muaj txoj hauv kev. Piv txwv li, ib tug neeg yuav xav kom muaj qhov ntau me me ntawv font rau tag nrho cov nplooj ntawv web uas lawv siv. Thaum koj siv koj cov lus qhia tseem ceeb nyob rau hauv cov nplooj ntawv koj tsim tau, koj haum cov kev xav tau tshwj xeeb uas koj cov neeg siv tau.
Sau los ntawm Jeremy Girard