Cascading Cov Ntawv Xaiv Tseg Cas?
Cov web sites muaj ntau hom khoom ib leeg, suav nrog cov duab, ntawv, thiab ntau yam ntaub ntawv. Cov ntaub ntawv no tsuas tsis suav cov uas yuav txuas rau ntawm ntau nplooj ntawv, xws li cov ntaub ntawv PDF, tab sis cov ntaub ntawv uas siv los txhim kho cov nplooj ntawv lawv tus kheej, xws li cov ntaub ntawv HTML los txiav txim txog cov qauv ntawm nplooj ntawv thiab CSS (Cascading Style Sheet) cov ntaub ntawv los txiav txim rau qhov zoo ntawm ib daim ntawv. Tsab ntawv xov xwm no yuav qhia rau CSS, zus nws yog dab tsi thiab siv qhov twg hauv cov websites hnub no.
Lub CSS keeb kwm Tshooj
CSS tau xub tsim nyob rau hauv 1997 raws li ib txoj kev rau cov neeg tsim tawm web txhawm rau txheeb xyuas qhov muag pom ntawm cov nplooj ntawv web uas lawv tsim. Nws yog tsim los pub cov kws tshaj lij tawm tswv yim cais cov ntsiab lus thiab cov qauv ntawm lub website ntawm qhov muag pom, ib yam uas tsis tau ua ntej lub sijhawm no.
Cov kev sib cais ntawm cov qauv thiab cov qauv ua rau HTML ua tau ntau dua ntawm cov kev ua haujlwm uas nws tau xeeb txuam raws li - qhov cim tseg ntawm cov ntsiab lus, tsis muaj kev txhawj xeeb txog tus tsim thiab kev tawm ntawm nplooj ntawv nws tus kheej, tej yam uas feem ntau hu ua "saib thiab xav" ntawm nplooj ntawv.
CSS tsis tau muaj nyob rau hauv qhov chaw txog thaum xyoo 2000, thaum lub web browsers pib siv ntau tshaj li qhov kev sau ntawv thiab xim ntawm cov lus ntawm cov cim lus no. Niaj hnub no, tag nrho cov browsers niaj hnub txhawb txhua tus CSS Qib 1, feem ntau ntawm CSS Qib 2, thiab txawm tias feem ntau ntawm CSS Qib 3. Raws li CSS tseem evolve thiab tshiab yeej yog tswvcuab, web browsers tau pib siv cov modules uas coj CSS tshiab rau hauv cov browsers thiab muab qhov web designers haib tshiab styling cov cuab yeej ua hauj lwm nrog.
Nyob rau hauv ntau ntau xyoo dhau los, tau xaiv cov kws tsim tawm hauv lub website uas tsis kam siv CSS rau kev tsim thiab kev tsim kho ntawm cov vev xaib, tab sis qhov kev xyaum no tag nrho tab sis tawm ntawm kev lag luam niaj hnub no. CSS yog tam sim no tus txheej txheem siv thoob plaws hauv qhov web tsim thiab koj yuav nyuab nyuab siab kom nrhiav tau leej twg ua haujlwm hauv kev lag luam hnub no uas tsis muaj tsawg kawg yog kev nkag siab txog hom lus no.
CSS yog ib qho Abbreviation
Raws li tau hais, lub sij hawm CSS sawv cev rau "Cascading Style Sheet." Cia peb muab cov kab lus no rhuav tshem me ntsis kom piav meej txog cov ntawv no.
Lo lus "style sheet" yog hais txog daim ntawv nws tus kheej (xws li HTML, CSS cov ntaub ntawv yog cov ntaub ntawv tseem ceeb tiag tiag uas tau kho nrog ntau hom kev pab). Cov ntawv txheeb cov ntawv tau siv rau cov ntaub ntawv tsim tau ntau xyoo. Lawv yog cov kev qhia txog kev teeb tsa, qhov uas luam tawm lossis hauv online. Sau cov neeg tsim khoom tau ntev siv cov ntawv txheeb xyuas kom paub tseeb tias lawv cov qauv tsim tawm raws nraim li lawv cov specifications. Ib daim ntawv nplua rau lub vev xaib tsuas yog siv tib lub hom phiaj, tab sis nrog cov kev ua haujlwm ntxiv ntawm kev qhia txog qhov web browser yuav ua li cas thiaj tau muab cov ntaub ntawv tuaj xyuas. Niaj hnub no, CSS style nplooj ntawv kuj tseem siv tau cov lus nug los hloov txoj kev ntawm nplooj ntawv rau kev sib txawv thiab ntau thiab tsawg . Qhov no yog qhov tseem ceeb heev vim nws tso cai rau tib qho HTML daim ntawv pov thawj ua txawv raws li qhov kev siv tau siv los nkag.
Cascade yog qhov tiag tshwj xeeb ntawm lub sij hawm "cascading style ntawv". Ib hom ntawv web nplaub tshev yog npaj kom rov qab los ntawm ntau cov qauv hauv daim ntawv ntawd, zoo li tus dej ntws ntawm cov dej tsaws tsag. Dej dej hauv tus dej hits tag nrho cov pob zeb nyob hauv dej tsaws tsag, tab sis tsuas yog cov uas nyob rau hauv lub qab muaj kev cuam tshuam qhov twg cov dej yuav ntws. Tib yam muaj tseeb rau ntawm cascade nyob rau hauv lub website style los xij.
Txhua qhov web page yog cuam tshuam los ntawm tsawg kawg ib hom ntawv, txawm tias tus kws kho tsim tawm tsis siv cov kev cai. Daim ntawv ntaus ntawv no yog tus neeg siv daim qauv rau daim ntawv ntaus ntawv - tseem hu ua tus qauv siv lub vas sab uas lub web browser yuav siv los tso saib cov nplooj ntawv yog tias tsis muaj lwm cov lus qhia. Piv txwv, los ntawm kev pheej hmoo hyperlink yog styled nyob rau hauv xiav thiab lawv cov kos duab. Cov qauv no yog los ntawm ib lub web browser lub vas thib qauv ntawv. Yog tias tus kws kho mob lub website muaj lwm cov lus qhia, txawm li cas los xij, qhov browser yuav tsum paub txog cov lus qhia twg yog qhov tseem ceeb. Tag nrho cov browsers muaj lawv tus kheej pheej yig, tab sis ntau ntawm cov sai (xws li lub xaim underlined ntawv mus) yog sib koom ua ke thoob plaws los sis feem ntau loj browsers thiab versions.
Rau lwm tus piv txwv ntawm qhov default browser, hauv kuv lub web browser, lub neej ntawd font yog " Times New Roman " tshwm nyob rau hauv qhov loj me 16. Tsis muaj leej twg ntawm nplooj ntawv kuv mus saib tso rau hauv qhov font tsev neeg thiab me me, tiam sis. Qhov no yog vim hais tias cascade txhais tau tias qhov thib ob style nplooj ntawv, uas yog teem los ntawm tus kheej designers lawv tus kheej, mus redefine font loj thiab tsev neeg, overriding kuv qhov web browser qhov sai. Txhua cov ntawv nplooj ntawv koj tsim rau ib nplooj ntawv web yuav muaj ntau yam tshaj li qhov browser cov qauv kev xaiv, yog li ntawd cov nyiaj yuav tsuas siv tau yog tias koj daim ntawv qhia tsis tau kho lawv. Yog hais tias koj xav tau cov kev txuas xiav thiab txoj hlua khi, koj tsis tas yuav ua ib yam dab tsi vim tias yog lub neej ntawd, tab sis yog tias koj qhov website CSS hais tias qhov kev sib txuas yuav tsum yog xim ntsuab, qhov xim ntawd yuav xauv lub xiav vim. Tus kos kab hauv qab yuav nyob hauv qhov piv txwv no, txij thaum koj tsis qhia lwm yam.
CSS siv nyob qhov twg?
CSS tseem siv tau los txhais cov nplooj ntawv li cas thaum saib hauv lwm cov xov xwm tshaj li qhov web browser. Piv txwv li, koj tuaj yeem tsim ib daim ntawv teev lus sau tseg uas yuav qhia tau tias lub vev xaib yuav tsum luam tawm. Vim tias cov nplooj ntawv web page xws li navigation cov nyees khawm los sis cov ntawv web yuav tsis muaj lub hom phiaj ntawm nplooj ntawv luam, ib daim Print Style yuav siv tau los "tua" cov chaw thaum ib nplooj ntawv luam tawm. Tsis tas li ntawd, qhov uas tsis yog ib qho kev ua rau ntau qhov chaw, qhov kev xaiv los tsim cov ntawv sau tshiab yog qhov muaj zog thiab txaus nyiam (hauv kuv qhov kev paub - cov kws tshaj lij feem ntau tsis ua qhov no vim hais tias lub tsev kawm ntawv lub peev nyiaj tsis tuaj yeem hu rau cov haujlwm no ntxiv ).
Vim li cas CSS tseem ceeb?
CSS yog ib qho ntawm cov cuab yeej haib tshaj plaws uas muaj qhov web site designer kawm tau vim nws nrog koj tuaj yeem cuam tshuam tag nrho cov kev pom ntawm lub website. Cov ntawv sau tau zoo heev tuaj yeem kho tshiab thiab tso cai rau qhov kev hloov qhov tseem ceeb tshaj plaws ntawm qhov kev tshuaj ntsuam, uas qhia tau hais tias muaj nqis thiab kub siab rau cov neeg tuaj xyuas, tsis muaj kev hloov pauv mus rau lwm qhov cim HTML.
Qhov kev sib tw ntawm CSS tseem ceeb yog tias muaj me ntsis kawm - thiab nrog browsers hloov txhua hnub, yam haujlwm zoo hnub no yuav tsis ua kev txiav txim siab tag nrho raws li tus cwj pwm tshiab ua txhawb thiab lwm tus poob los yog poob ntawm kev haum rau ib qho laj thawj los yog lwm .
Vim tias CSS tuaj yeem rov ua dua thiab sib txuas ntxiv, thiab xaiv qhov sib txawv browsers txhais tau thiab siv cov lus qhia txawv, CSS yuav yooj yim dua li cov neeg paub meej HTML rau tus tswv. CSS kuj hloov hauv browsers nyob rau hauv ib txoj kev uas HTML yeej tsis. Thaum koj pib siv CSS, txawm li cas los xij, koj yuav pom tias siv lub zog ntawm cov ntawv nplua (style) yuav ua rau koj tsis muaj dab tsi zoo rau koj li cas hauv cov nplooj ntawv web thiab teev lawv cov kev xav thiab kev xav. Raws li txoj kev, koj yuav ua ib lub hnab "tricks of tricks" ntawm cov cwj pwm thiab cov kev qhia uas tau ua haujlwm rau koj yav dhau los thiab koj rov mus dua li thaum koj tsim cov qhov webpages tshiab yav tom ntej.
Thawj tsab xov xwm los ntawm Jennifer Krynin. Edited by Jeremy Girard rau 7/5/17,