Xws li cov lus nyob rau hauv koj tus CSS code yog ib qho tseem ceeb thiab pom zoo heev.
Txhua lub vev xaib yog ua los ntawm cov qauv ntawm cov khoom (uas yog dictated los ntawm HTML) nrog rau kev pom zoo lossis "saib thiab xav" ntawm qhov chaw ntawd. Cascading Style Sheets (CSS) yog dab tsi siv los tswj cov kev pom ntawm ib lub vas sab. Cov cwj pwm no yeej tsis muaj cais tawm ntawm cov qauv HTML los mus yoojyim rau kev kho dua tshiab thiab ua raws li Web standards.
Nrog rau qhov nyuaj ntawm ntau lub vev xaib hnub no, cov ntawv txhim kho tau sai tau zoo heev thiab muaj cumbersome ua hauj lwm nrog. Qhov no yog qhov tseeb tshwj xeeb tshaj yog thaum koj pib ntxiv hauv cov xov xwm kev tawm tswv yim rau cov qauv hauv lub vev xaib . Cov kev tawm lus no tsuas yog ntxiv ib qho tseem ceeb ntawm tus qauv tshiab rau CSS cov ntaub ntawv thiab ua rau nws nyuaj ua hauj lwm nrog. Qhov no yog qhov CSS cov lus muaj peev xwm ua tau ib qho txiaj ntsim zoo pab nyob rau hauv lub website.
Ntxiv cov ncauj lus rau lub vas sab CSS cov ntaub ntawv yog ib txoj hauv kev zoo ntxiv rau cov qauv ntawm cov cai rau tus neeg nyeem ntawv uas yog rov xyuas daim ntawv. Nws kuj yog ib txoj hauv kev zoo tshaj plaws rau kev piav qhia txog cov cwj pwm rau ib tus kws tshaj lij uas yuav tau ua hauj lwm hauv lub tsev kawm ntawv yav tom ntej - nrog rau koj tus kheej!
Thaum kawg, smartly ntxiv CSS cov lus yuav ua ib daim ntawv zoo dua ua haujlwm. Qhov no yog, qhov tseeb, tseem ceeb rau cov ntawv txheeb (style sheets) uas yuav kho los ntawm cov pab pawg. Cov lus yuav raug siv los sib txuas lus tseem ceeb ntawm cov ntawv qhia rau cov tswvcuab sib txawv ntawm pab pawg uas tsis paub txog cov cai uas twb muaj lawm. Cov lus no kuj tseem pab tau rau cov neeg uas tau ua hauj lwm hauv lub tsev kawm ntawv ua ntej yog lawv rov qab nkag rau hauv cov cai tom qab tau tawm ntawm nws mus qee lub sij hawm. Kuv muaj feem ntau yuav tsum hloov ib lub vev xaib kuv tau ua lub hli los yog xyoo dhau los thiab muaj cov lus zoo rau hauv cov HTML thiab CSS tau txais kev pab zoo heev! Nco ntsoov tias, vim tias koj tau ua ib lub tsev kawm ntawv tsis txhais hais tias koj yuav nco ntsoov vim li cas koj tau ua tej yam uas koj tau ua thaum koj rov qab mus rau qhov chaw ntawd yav tom ntej! Cov lus yuav ua rau koj lub siab xav meej thiab paub meej txog tej yam kev tsis to taub ua ntej lawv txawm tshwm sim.
Ib yam yuav nkag siab txog CSS cov lus hais tias lawv tsis tso tawm thaum lub nplooj ntawv hauv cov web browsers. Cov lus yog cov lus qhia xwb, ib yam li HTML lus yog (txawm tias lub syntax txawv ntawm ob). Cov lus CSS no tsis cuam tshuam rau qhov kev pom ntawm ib qhov chaw hauv txhua txoj kev thiab tsuas yog muaj nyob hauv cov cai xwb.
Ntxiv CSS Lus Qhia
Ntxiv CSS lus yog qhov yooj yim heev. Koj tsuas yog khij koj cov lus nrog qhov tseeb qhib thiab kaw lus cim npe:
- Pib koj saib los ntawm kev ntxiv / *
- Kaw koj saib los ntawm kev ntxiv * /
Txhua yam uas tshwm ntawm ob qhov cim npe no yuav yog cov ntsiab lus ntawm cov lus pom, tsuas pom nyob rau hauv txoj cai thiab tsis tau ua los ntawm qhov browser.
Cov lus CSS tuaj yeem yog ib txoj kab, lossis nws tuaj yeem nqa ntau yam kab. Ntawm no yog ib kab piv txwv:
div # border_red {ciam: nyias muaj xim liab; } / * liab kab ke piv txwv * /Thiab ib tug piv txwv ntau yam:
/ ********************************************************************************************** ****** Style rau code text ******************************************************************************** ******* ***********************************************************************Rhuav tawm Seem
Ib qho ntawm txoj kev kuv siv CSS cov lus tshaj tawm yog los npaj kuv cov ntawv nplua me me, me ntsis yooj yim dua kev ywj pheej. Kuv nyiam kom tau yooj yim mus saib cov seem no thaum kuv ntsia cov ntaub ntawv tom qab. Ua li no, Kuv pheej ntxiv cov lus nrog ntau cov hyphens hauv lawv kom lawv muab cov khoom loj loj, cov hnub so hauv cov nplooj ntawv uas yooj yim tuaj pom kuv sai sai raws li txoj cai. Ntawm no yog ib qho piv txwv:
/ * ----------------------- Lub taub hau yeej ----------------------- ------- * /Thaum kuv pom ib qho ntawm cov lus hauv kuv cov cai, kuv paub tias nws yog pib ntawm ib qho tshiab ntawm daim ntawv ntawd, uas kuv siv ntau txoj haujlwm yooj yim thiab siv cov cai.
& # 34; Lus tawm Tawm & # 34; Code
Cov lus cim tswv yim kuj tseem yuav siv tau rau hauv cov txheej txheem ntawm coding thiab debugging ib nplooj ntawv. Cov lus yuav muab siv rau "tawm lus" los sis "tua" cov cai ntawm qhov chaws kom pom seb ua li cas yog tias seem tsis yog ib feem ntawm nplooj ntawv.
Li ntawd, qhov no ua haujlwm li cas? Qhov tshij, vim tias cov lus cim npe qhia rau qhov browser kom tsis txhob muaj txhua yam ntawm lawv, koj tuaj yeem siv lawv mus rau ib ntu ntawm ntu CSS chaws. Qhov no tuaj yeem siv tau thaum khoo, lossis thaum kho Web page formatting.
Ua li no, koj tsuas yog lo lus qhib tshev rau qhov uas koj xav kom muaj qhov chaws pib ua neeg xiam oob qhab thiab muab qhov xaus rau qhov twg uas koj xav tau cov xiam oob khab kom tiav. Txhua yam ntawm cov cim npe yuav tsis cuam tshuam qhov pom kev ntawm ib lub tsev kawm ntawv, uas cia koj mus deb ntawm CSS seb qhov teeb meem yuav tshwm sim li cas. Koj tuaj yeem nkag mus hauv thiab txhim kho qhov teeb meem ntawd thiab tshem tawm cov lus ntawm qhov chaws.
Lus CSS Lub Tswv Yim Kho
Ua ib qho recap, ntawm no yog qee cov lus qhia kom nco ntsoov siv cov lus hauv koj tus CSS:
- Cov lus muaj peev xwm tau saib ntau yam kab.
- Comments muaj xws li CSS cov ntsiab lus uas koj tsis xav tau los ntawm ib tus browser, tab sis tsis xav rho tawm kiag li. Qhov no yog ib txoj kev zoo rau kev debug lub website ntawm cov ntawv txheeb (style) - tsuas yog nco ntsoov tshem tawm tsis siv yeeb yaj kiab (as opposed tawm ntawm lawv tawm tswv yim) yog tias koj txiav txim siab tias koj tsis xav tau ntawm lub website
- Siv cov tswv yim thaum twg koj sau cov lus CSS nyuaj kom ntxiv thiab qhia rau cov neeg tsim khoom yav tom ntej, lossis koj tus kheej yav tom ntej, txog tej yam tseem ceeb uas lawv yuav tsum paub. Qhov no yuav cawm tau lub sijhawm yav tom ntej rau tag nrho cov koom tes.
- Cov lus muaj peev xwm kuj muaj xws li:
- sau
- hnub tsim
- cov ntaub ntawv xov xwm
Kev ua tau zoo
Cov lus muaj peev xwm yuav pab tau, tab sis yuav tsum paub tias cov ncauj lus ntxiv rau koj ntxiv rau ib daim ntawv qhia, nws yuav ua rau nws, uas yuav cuam tshuam qhov chaw ceev thiab kev ua haujlwm. Qhov no yog ib qho kev txhawj xeeb tiag tiag, tab sis koj yuav tsum tsis txhob xav hais ntxiv txog kev pabcuam thiab tsim nyog rau kev ntshai tsam kev ua haujlwm yuav raug kev txom nyem. Kab ntawm CSS tsis ntxiv qhov loj me me rau ib daim ntawv. Koj yuav tsum tau ntxiv TONS ntawm kab ntawm cov lus los ua kom muaj kev cuam tshuam loj ntawm qhov loj ntawm CSS cov ntawv. Ntxiv ib qho kev pabcuam tswvyim hauv koj tus CSS yuav tsum tsis txhob muab cov txiaj ntsim rau koj tsis zoo rau ntawm nplooj ceev.
Thaum kawg, koj yuav xav nrhiav qhov txiaj ntsim ntawm cov lus nug thiab ntau cov ncauj lus kom tau txais txiaj ntsim ntawm ob qho tib si hauv koj cov ntaub ntawv CSS.
Thawj tsab xov xwm los ntawm Jennifer Krynin. Edited by Jeremy Girard rau 7/5/17