Siv CSS Qhov Chaw Tshawb Xyuas
Cov Websites yog ib qho ua ke ntawm cov qauv thiab cov qauv, thiab hnub no lub vas sab, nws yog ib qhov kev xyaum zoo tshaj plaws kom muaj ob txoj hauv kev ntawm qhov chaw sib cais.
HTML yeej ib txwm ua tau li cas muab ib qhov chaw nrog nws cov qauv. Nyob rau hauv cov hnub thaum ntxov ntawm lub Web, HTML kuj muaj cov lus qhia txog cov ntsiab lus. Xws li tag tau littered hla lub HTML code, ntxiv saib thiab hnov cov lus qhia alongside nrog cov lus qhia. Cov txheej txheem ntawm cov qauv ntawm kev cai web raug thawb peb hloov txoj kev xyaum no thiab hloov cov lus qhia hauv CSS lossis Cascading Style Sheets. Ua qhov no yog ib qho ntxiv, kev pom zoo tam sim no yog qhov koj siv ua qhov "known style sheet" rau koj lub website qhov kev xav tau.
Cov Kev Zoo thiab Cov Tsis Zoo Ntawm Cov Ntawv Xaus Sab Phaj
Ib yam zoo tshaj plaws txog Cascading Cov Ntawv Xam Xam yog tias koj tuaj yeem siv lawv los saib koj qhov chaw kom tag nrho. Qhov yooj yim tshaj plaws los ua qhov no yog txuas los sis xa cov ntawv sab nraud . Yog tias koj siv tib daim ntawv sab nraud rau txhua phab ntawm koj qhov chaw, koj tuaj yeem nco ntsoov tias tag nrho cov nplooj ntawv yuav muaj tib lub qauv. Koj tuaj yeem ua kom yooj yim rau kev hloov rau yav tom ntej. Vim txhua nplooj ntawv siv tib daim ntawv sab nraud, cov kev hloov rau daim ntawv ntawd yuav cuam tshuam txhua qhov chaw hauv phab ntawv. Qhov no zoo dua li muaj qhov hloov txhua nplooj ntawv txhua lub zuj zus!
Cov txiaj ntsig ntawm cov ntawv sab nraud
- Koj tuaj yeem tswj qhov kev xav thiab hnov ntawm ntau cov ntaub ntawv ib zaug.
- Qhov no yog qhov tseem ceeb tshaj yog tias koj ua hauj lwm nrog ib pab neeg los tsim koj lub vev xaib. Muaj ntau txoj kev cai style yuav nyuaj rau koj nco ntsoov, thiab thaum koj muaj ib daim ntawv qhia tawm, nws yog qhov teebmeem thiab tsis tshua muaj kev sib txuas los ntawm kev txiav txim siab yog cov lus sau hauv 12 lub ntsiab lus Arial font, lossis 14 point courier. Los ntawm kev muaj txhua yam hauv ib qhov chaw, thiab txij li thaum qhov chaw kuj yog qhov chaw uas koj yuav hloov, koj tuaj yeem kho txij nkawm kom yooj yim dua.
- Koj muaj peev xwm tsim cov chav kawm ntawm cov cwj pwm uas tuaj yeem siv rau ntau yam HTML ntsiab .
- Yog tias koj siv qee qhov kev xaiv font rau ntau yam ntawm koj nplooj ntawv, koj tuaj yeem siv tus cwj pwm hauv chav kawm uas koj teev nyob rau hauv koj daim ntawv style kom tau qhov kev xav thiab kev xav, tsis yog txhais kom meej txog tus qauv rau txhua qhov ua piv txwv ntawm ntau dua.
- Koj tuaj yeem yooj yim pab koj tus cwj pwm kom zoo dua.
- Tag nrho cov kev sib sau ua ke uas muaj rau CSS tuaj yeem siv rau hauv cov ntawv txheeb lwm sab nraud, thiab qhov no yuav pab koj nrog kev tswj thiab yooj yooj yim rau ntawm koj cov nplooj ntawv.
Disadvantages ntawm sab nraud daim ntawv txheeb
- Cov ntawv sau sab nraud tuaj yeem ua rau kom ncua sijhawm, tshwj xeeb tshaj yog tias lawv tsis tshua loj heev. Vim tias CSS cov ntaub ntawv yog ib daim ntawv pov thawj uas yuav tsum tau muab tso rau, nws yuav cuam tshuam kev ua tau zoo dua.
- Cov ntawv tawm sab nraud tau sai heev vim nws nyuaj rau qhia thaum twg cov style tsis siv lawm vim nws tsis tshem thaum tawm ntawm nplooj. Kev tswj kom ncaj koj cov ntaub ntawv CSS tseem ceeb, tshwj xeeb tshaj yog tias muaj coob leej neeg ua haujlwm rau tib cov ntaub ntawv.
- Yog tias koj tsuas muaj ib lub vev xaib web site xwb, muaj ib qho ntaub ntawv sab nrauv rau CSS tej zaum yuav tsis tsim nyog vim koj tsuas yog muaj ib nplooj ntawv rau cov qauv. Muaj ntau cov txiaj ntsig ntawm CSS sab nraud poob thaum koj tsuas muaj ib qhov chaw hauv ib qho chaw xwb.
Yuav ua li cas los tsim ib qho Style Sheet
Cov ntawv tawm sab nraud yog tsim nrog ib qho kev ua zoo sib xws los sau txog cov theem ntawm cov ntawv sau style. Txawm li cas los xij, txhua yam koj yuav tsum muaj yog cov selector thiab cov lus tshaj tawm. Ib yam li hauv daim ntawv teev cov qauv ntawv, cov syntax rau txoj cai yog:
selector {ntiag tug: tus nqi;}Txuag cov cai no rau hauv ib phau ntawv nrog kev txuas ntxiv .css. Qhov no tsis yog yuav tsum tau, tab sis nws yog ib qho zoo coj los nkag rau hauv, yog li koj tuaj yeem paub txog koj cov ntawv txhim kho nyob hauv phau ntawv teev npe.
Thaum koj muaj ib daim ntawv teev cov ntawv sau, koj yuav tsum txuas mus rau koj cov nplooj ntawv Web site . Qhov no yuav ua tau nyob rau hauv ob txoj kev:
- Sib txuas
- Yuav kom txuas tau ib daim ntawv qhia style, koj siv cov HTML cim. Qhov no muaj cov cwj mem rel , hom , thiab href . Cov attribute qhia tau hais tias koj tau sib txuas dab tsi (qhov no ib cov stylesheet), lub hom phiaj no yog hom MIME rau qhov browser, thiab href yog txoj kev rau cov ntaub ntawv .css.
- Kev Txais
- Koj yuav siv ib daim ntawv xa tawm los ntawm cov ntawv teev lus hauv daim ntawv pov thawj kom koj tuaj yeem tau txais cov khoom ntawm ib daim ntawv ntaus sab nraud thaum tsis poob cov ntaub ntawv tshwj xeeb. Koj hu nws ua ib yam zoo li hu rau daim ntawv qhia style txuas, tsuas yog nws yuav tsum raug hu ua nyob rau hauv daim ntawv tshaj tawm cov qauv ntaub ntawv. Koj tuaj yeem tau import ntau li lwm cov ntawv txheeb lwm yam li koj xav kom tswj koj qhov Web site.
Thawj tsab xov xwm los ntawm Jennifer Krynin. Edited by Jeremy Girard rau 8/8/17