CSS nta muaj ntau tshaj li ib tug ciam teb xwb
CSS kev qhia txog kev lag luam yog qhov khoom ntiag tug. Thaum koj thawj zaug kawm txog nws, nws nyuaj rau koj to taub tias nws yog dab tsi txawv ntawm qhov ciaj ciam av. Qhov W3C piav qhia nws tias muaj qhov sib txawv hauv qab no:
- Cov ntawv teev npe tsis tuaj chaw.
- Cov ntawv teev ntsiab lus yuav tsis yog cov duab plaub.
Qhia Teev Tsis Txog Chaw
Tsab ntawv no, hauv thiab ntawm nws tus kheej yog ruam tag. Yuav ua li cas ib qho khoom siv rau hauv koj daim nplooj ntawv Web site tsis nyob hauv qhov Web page? Tab sis yog tias koj xav txog koj daim nplooj ntawv Web site zoo nkaus li ib qho dos, txhua yam ntawm daim nplooj ntawv yuav muab tso rau saum lwm lub khoom. Cov tswv yim qhia tsis siv qhov chaw vim nws ib txwm tso rau saum lub thawv ntawv.
Thaum ib tus qauv qhia nyob ib puag ncig, nws tsis muaj kev cuam tshuam li cas ntawm lub tshooj no tau muab tso rau ntawm nplooj ntawv. Nws tsis hloov lub caij qhov loj lossis qhov chaw. Yog tias koj sau ib qho qauv ntawm lub caij, nws yuav siv sij hawm tib qhov chaw seem li yog tias koj tsis tau muaj cov qauv ntawm qhov ntawd. Qhov no tsis tseeb ntawm ib tug ciam teb. Lub ciam teb ntawm ib qho yog ntxiv rau sab nraud dav thiab qhov siab ntawm lub caij. Yog li ntawd, yog tias koj muaj ib daim duab uas yog 50 pixels dav, nrog 2-pixel ciam teb, nws yuav siv li 54 pixels (2 pixels rau txhua tus ciam teb sab nraud). Ntawd tib daim duab nrog tus qauv 2-pixel yuav siv li ntawm 50 pixels dav ntawm koj nplooj ntawv, cov qauv qhia tawm tso tawm sab nraud ntug ntawm daim duab.
Nthuav Qhia Tej Zaum Yuav Tsis-Rectangular
Ua ntej koj pib xav "laj, tam sim no kuv tuaj yeem kos voj voog!" Rov xav dua. Tsab ntawv no muaj ntau lub ntsiab lus ntau dua li koj xav. Thaum koj muab tus ciam teb rau ib qho, tus neeg txhais lus txhais tau tias lub ntsiab lus yog txhais tau hais tias nws yog ib lub thawv loj loj. Yog tias lub thawv tau faib ntau ntau kab, qhov browser cia li tawm cov hau qhib vim tias lub thawv tsis kaw. Nws yog txhais tau hais tias qhov browser pom ciam teb nrog lub vijtsam ntsej muag dav dav - dav txaus rau ntawd ciam teb yuav tsum muaj ib tus duab nruam tas mus li.
Hauv kev sib piv, cov khoom siv qhia yuav siv cov npoo ntawm kev saib xyuas. Yog tias lub caij sib sau ua ke ntau ntau, cov qauv qhia tawm kaw thaum kawg ntawm txoj kab thiab rov qhib dua rau kab tom ntej. Yog tias ua tau, cov qauv piav qhia yuav tsum muaj kev sib raug zoo, thiab tsim kom muaj cov duab tsis zoo.
Siv Cov Qauv Ntawm Daim Ntawv Qhia Txog
Ib qho kev siv zoo tshaj plaws ntawm cov khoom siv cuab yeej qhia yog ntxiv rau cov ntsiab lus tshawb nrhiav. Ntau qhov chaw ua qhov no nrog rau xim tom qab, tiam sis koj tuaj yeem siv cov cuab yeej tus qauv qhia thiab tsis txhawj txog kev ntxiv cov kis ntxiv ntawm koj cov nplooj ntawv.
Daim qauv qhia xim-xim yog lees txais lub sij hawm "invert" uas ua rau cov qauv qhia txog xim tig rov qab rau yav tom ntej. Qhov no tso cai rau koj kom pom cov ntsiab ntawm cov nplooj ntawv Web site tsis tas yuav tsum paub txog xim xim twg .
Koj tseem tuaj yeem siv cov cuab yeej qhia tawm kom tshem cov kab ntawm ib ncig ntawm cov kev sib txuas. Cov tshooj no ntawm CSS-Tricks qhia tau hais tias yuav ua li cas thiaj li yuav tshem tawm cov qauv txheej txheem.