Cov ntawv khomob, kos duab, thiab sab nraud lwm yam: Ntawm no yog yam koj yuav tsum paub
Kev txhim kho hauv kev loj hlob ntawm phab ntsa hauv qab no feem ntau yog muaj li 3-legged cov quav. Cov ceg no muaj raws li nram no:
- HTML rau cov qauv ntawm lub tsev kawm ntawv;
- CSS rau qhov pom kev zoo nkauj;
- Javascript rau tus cwj pwm.
Qhov thib ob ceg ntawm cov quav, CSS lossis Cascading Style Sheets, yog qhov peb tab tom saib ntawm no hnub no. Tshwj xeeb, peb xav kom hais txog 3 yam ntawm koj xaiv ntxiv rau ib daim ntawv.
- Inline yeej
- Cov qauv khawm
- Sab nraud
Txhua yam ntawm hom CSS yeej muaj lawv cov txiaj ntsig thiab teeb meem, yog li cia peb saib xyuas txhua qhov ntawm lawv tus kheej.
Inline Styles
Cov cim hauv cov ntawv yeej muaj cov qauv uas sau ncaj qha rau hauv daim ntawv hauv HTML daim ntawv. Cov cim hauv kev cuam tshuam tsuas muaj feem xyuam rau qhov lawv tau ua tiav. Ntawm no yog ib qho piv txwv ntawm cov qauv hauv inline rau ib qho kev sib txuas, los yog thauj tog rau nkoj, lossis:
Txoj cai CSS no yuav hloov cov kev cai kos duab kho kom zoo nkauj tawm ntawm qhov txuas ntawm no. Nws tsis yog, li cas los xij, hloov lwm qhov txuas ntawm nplooj ntawv. Qhov no yog ib qho ntawm cov kev txwv ntawm inline yeej. Vim lawv tsuas hloov ntawm ib yam khoom, koj yuav tsum tau muab pov tseg koj cov HTML nrog cov cwj pwm ua tiav cov nplooj ntawv tsim. Qhov ntawd tsis yog qhov zoo tshaj plaws kev xyaum. Qhov tseeb, nws yog ib kauj ruam tshem tawm cov hnub ntawm "font" cim npe thiab qhov sib xyaw ntawm cov qauv thiab cov qauv hauv cov nplooj ntawv web.
Inline yeej tseem muaj kev siab heev.
Qhov no ua rau lawv nyuaj heev rau kev sau cov npe, lwm yam tsis yog-kev ua si. Piv txwv li, yog tias koj xav ua kom lub tsev kawm ntawv teb thiab hloov li cas lub caij saib ntawm qee qhov kev txiav txim siab los ntawm kev siv cov lus nug , cov cim hauv inline ntawm lub caij yuav ua rau qhov no nyuaj ua.
Thaum kawg, inline yeej yog tiag tiag tsim nyog thaum siv heev sparingly.
Hauv qhov tseeb, kuv tsis tshua tau siv cov qauv hauv inline rau ntawm kuv qhov webpages.
Cov Qauv Luam
Cov qauv kev ruaj ntseg yog cov yeeb yam uas muaj nyob hauv lub taub hau ntawm daim ntawv. Cov kev cai ntawm lub zeem muag cuam tshuam tsuas yog cov cim npe ntawm nplooj ntawv lawv nkag rau hauv. Ib zaug ntxiv, txoj kab no tsis ua rau ib qho ntawm CSS zoo. Vim txhua nplooj ntawv yuav muaj cov cwj pwm hauv
, yog tias koj xav ua kom muaj kev hloov hauv tsev kawm ntawv, xws li hloov cov xim ntawm kev liab mus rau ntsuab, koj yuav tsum hloov qhov kev hloov no rau txhua nplooj ntawv, vim txhua nplooj ntawv siv daim ntawv kos qauv. Qhov no yog qhov zoo tshaj qhov tsis sib xws, tab sis tseem muaj teeb meem nyob rau hauv ntau zaus.
Stylesheets uas tau ntxiv rau
ntawm ib daim ntawv kuj ntxiv ib qho cim tseem ceeb ntawm qhov cim npe rau qhov nplooj, uas tseem tuaj yeem ua rau nplooj ntawv nyuaj zog dua yav tom ntej.
Cov txiaj ntsig ntawm cov ntawv txheeb ntawm cov ntawv nkag tau yog tias qhov khoom thauj tam sim ntawd nrog cov nplooj ntawv xwb, tsis txhob ntxiv lwm cov ntaub ntawv sab nrauv kom raug. Qhov no yuav yog ib qho txiaj ntsim los ntawm qhov kev tshaj tawm thiab qhov kev ua tau zoo .
Cov Ntawv Xib Fwb Tshaj Tawm
Feem ntau cov vas sab no siv cov ntawv txheeb sab nraud lwm yam.Hauv lwm tus qauv yeej sau tau rau hauv ib daim ntawv tso ua ke thiab tom qab txuas nrog ntau cov ntaub ntawv web. Cov ntawv sau sab nraud tuaj yeem cuam tshuam rau txhua daim ntawv uas tau muab xa nrog, uas txhais tau hais tias yog tias koj muaj 20 nplooj ntawv lub website uas txhua nplooj ntawv siv tib daim ntawv qhia (qhov no yog qhov yuav ua li cas nws ua tiav), koj tuaj yeem ua qhov kev hloov rau txhua tus ntawm cov nplooj ntawv los ntawm kev sau cov ntawv nplua.
Qhov no ua rau kev tswj xyuas mus sij hawm ntev yuav yooj yim dua.
Cov downside rau sab nraud style los xij yog tias lawv xav tau cov nplooj ntawv mus nqa thiab thauj cov ntaub ntawv no sab nraud. Tsis yog txhua nplooj ntawv yuav siv txhua tus qauv hauv CSS cov ntawv, ntau nplooj ntawv yuav ntxiv ib nplooj ntawv CSS ntau tshaj qhov uas xav tau.
Thaum nws muaj tseeb tias muaj ib qhov kev ntaus thawj rau lwm CSS cov ntaub ntawv, nws yeej yuav tsum tsis txhob txwm. Tiag tiag, CSS cov ntaub ntawv tsuas yog cov ntaub ntawv luam tawm, yog li lawv feem ntau tsis loj heev los pib. Yog tias tag nrho koj qhov chaw siv 1 CSS cov ntaub ntawv, koj kuj tau txais cov txiaj ntsim ntawm daim ntawv ntawd tau cached tom qab nws pib ua ntej.
Qhov no txhais tau hais tias yuav muaj me ntsis kev ntaus rau ntawm thawj nplooj ntawv qee cov kev sib ntsib, tab sis cov nplooj ntawv tom qab yuav siv cov ntaub ntawv Cached CSS, yog li cov kev ntaus yuav tsum negated. Sab CSS cov ntaub ntawv yog li cas kuv tsim txhua yam kuv qhov webpages.