Kawm yuav ua li cas los tsim ib CSS lus ciam teb nyob hauv tsib feeb
Tej zaum koj yuav tau hnov tias CSS thiab HTML ntxhuav tsis sib xyaw. Qhov no tsuas yog tsis muaj tseeb. Tau, siv cov HTML ntxhuav rau kev teeb tsa yog tsis tsim qhov kev tsim web tsim zoo tshaj plaws, tau hloov los ntawm CSS qhov kev paub tab, tab sis cov ntxhuav tseem yog qhov tseeb kos kom siv cov ncauj lus ntxiv rau cov nplooj ntawv webpage.
Hmoov tsis, vim hais tias muaj coob tus kws tshaj lij ntawm cov neeg ua haujlwm tau tawm ntawm cov ntxhuav xav tias lawv yog tshuaj lom, ntau cov kws kho mob tau ua haujlwm tsawg nrog cov qauv HTML thiab qhov kev tawm tsam thaum lawv yuav tsum ua haujlwm ntawm lub vev xaib. Piv txwv, yog tias koj muaj ib lub rooj rau ntawm nplooj ntawv thiab koj xav ntxiv cov kab hauv lub rooj ntawv.
CSS Cov Lus Ciam Teb
Thaum koj siv CSS ntxiv cov ciam teb rau cov ntxhuav, nws tsuas ntxiv cov ciam teb ncig sab nraum lub rooj. Yog tias koj xav ntxiv cov kab rau cov tib neeg lub hlwb ntawm lub rooj, koj yuav tsum ntxiv cov ciam teb rau sab hauv CSS. Koj tuaj yeem siv HR los ntxiv cov kab hauv ib tus neeg lub hlwb.
Yuav kom ua raws li cov kev cai hauv daim ntawv no, koj yuav tsum tau muaj lub rooj hauv koj qhov web page. Koj yuav tsum tau tsim ib daim ntawv sau ua ib daim ntawv sau ua tus kheej hauv koj lub taub hau ntawm koj daim ntawv (koj yuav tsuas ua qhov no yog tias koj qhov "qhov chaw" yog ib nplooj ntawv) los yog nrog daim ntawv ua lwm daim ntawv (qhov no yog qhov koj yuav ua li cas yog tias koj qhov chaw muaj ntau nplooj ntawv - pub koj mus rau tag nrho cov nplooj ntawv ntawm ib daim ntawv sab nrauv). Koj yuav ua rau tus cwj pwm ntxiv rau sab hauv cov kab rau hauv daim ntawv sau style.
Ua Ntej Koj Pib
Ua ntej koj yuav tsum txiav txim siab qhov twg koj xav kom cov kab los tshwm hauv koj lub rooj. Koj muaj ob peb txoj kev xaiv, nrog rau:
- Ib puag ncig txhua lub hlwb tsim ib daim phiaj;
- Tso cov kab ntawm qhov ntawm txhua kab;
- Tsuas yog ntawm kab; los yog
- Nruab nrab ntawm txhua kab lossis kab.
Koj tuaj yeem tso txoj kab rau cov tib neeg lub hlwb los yog hauv ib tus neeg lub hlwb.
Yuav Ua Li Cas Ntxiv Cov Kab Txhua Yam Txhua Lub Hlis hauv Ib Rooj Lus Qhia
Kom ntxiv cov kab nyob ib ncig ntawm txhua lub hlwb nyob hauv koj lub rooj, tsim cov nyhuv zoo li daim phiaj, ntxiv cov hauv qab no rau koj daim ntawv qhia:
td, th {
ciam teb: khoom 1px dub;
}
Yuav ua li cas ntxiv cov kab ntawm nruab nrab ntawm Cov Nyuam Ntxhais Hauv Ib Pawg
Ntxiv kab ntawm txhua kab (qhov no tsim cov kab ntsug uas khiav ntawm sab saum toj rau hauv qab rooj saum toj), ntxiv cov nram no rau koj daim ntawv qhia style:
td, th {
ciam teb sab laug: khoom 1px dub;
}
Tom qab ntawd, yog tias koj tsis xav kom lawv tshwm nyob rau kab thawj, koj yuav tsum ntxiv ib hoob rau cov th thiab cov hlwb td . Hauv qhov ua piv txwv no, peb xav tias peb muaj ib lub tebchaws tsis muaj ciam teb rau ntawm cov kabmob thiab peb tau tshem cov ciam teb nrog cov cai CSS ntxiv no. Yog li ntawm no yog cov HTML hoob peb yuav siv:
hoob = "tsis muaj ciam teb">
Thiab ces peb yuav ntxiv cov lus hauv qab no rau peb cov ntawv style:
.no-ciam teb {
ciam teb-sab laug: tsis muaj;
}
Yuav ua li cas ntxiv cov kab ntawm nruab nrab ntawm Cov Kab Hauv Ib Lub Sij Hawm
Raws li nrog ntxiv cov kab ntawm txhua kab, koj tuaj yeem ua li no nrog ib qho yooj yim ntxiv rau koj daim ntawv style. Hauv qab no CSS yuav ntxiv cov kab nrug ntawm txhua kab ntawm peb cov lus:
tr {
ciam teb hauv qab: khoom 1px dub;
}
Thiab kom tshem tawm cov ciam teb hauv qab ntawm lub rooj, koj yuav rov qab ntxiv ib hoob kawm rau tr lossis:
hoob = "tsis muaj ciam teb">
Ntxiv cov lus hauv qab no rau koj cov ntawv style:
.no-ciam teb {
ciam teb hauv qab: tsis muaj;
}
Yuav ua li cas ntxiv cov kab ntawm Nruas Txhua Kab los sis Cov Kab Hauv Cov Ntaub Ntawv
Yog tias koj tsuas xav tau cov kab ntawm cov kab kab lossis cov kab, koj yuav tsum siv hoob kawm ntawm cov hlwb lossis kab. Ntxiv ib txoj kab ntawm kab yog ib nyuag me tshaj qhov nruab nrab ntawm kab vim tias koj yuav tsum ntxiv chav kawm rau txhua lub xov tooj ntawm kab ntawv. Yog tias koj lub rooj tau txais los ntawm CMS ntawm qee yam , qhov no yuav tsis muaj peev xwm, tab sis yog tias koj txhais tes coding nplooj ntawv, koj tuaj yeem ntxiv cov chav kawm uas tsim nyog raws li qhov xav tau los ua kom tau qhov teebmeem no.
chav kawm = "sab-ciam teb">
Ntxiv cov kab ntawm cov kab yog qhov yooj yim dua, raws li koj tuaj yeem tau ntxiv cov chav kawm rau kab koj xav kom txoj kab.
hoob = "ciam teb hauv qab">
Tom qab ntawd ntxiv CSS rau koj cov ntawv sau style:
.paub-sab {
ciam teb sab laug: khoom 1px dub;
}
.border-bottom {
ciam teb hauv qab: khoom 1px dub;
}
Yuav Ntxiv Cov Kab Ib Ncig Ntawm Ib Hlis Ntawm Ib Lub Suab
Kom ntxiv cov kab nyob ib ncig ntawm ib tus neeg lub hlwb, koj ntxiv ib chav kawm rau lub hlwb uas koj xav tau tus ciam teb ncig:
hoob = "ciam teb">
Thiab tom qab ntawd ces ntxiv CSS nram qab no rau koj cov ntawv style:
.border {
ciam teb: khoom 1px dub;
}
Yuav Ua Li Cas Ntxiv Cov Kab Hauv Ib Hlis Ntawm Ib Lub Neej
Yog tias koj xav ntxiv cov kab hauv cov txheej txheem ntawm tes, qhov yooj yim tshaj los ua qhov no yog nrog txoj kab cai tav toj (
).
Tswv yim pab tau
Yog tias koj pom qhov khoob nyob rau hauv koj tus ciam teb, koj yuav tsum nco ntsoov tias tus ciam teb-pob txha yog teem rau ntawm koj lub rooj. Ntxiv cov hauv qab no rau koj daim ntawv qhia style:
rooj {
ciam teb-cev qhuav dej: collapse;
}
Koj tuaj yeem zam tag nrho cov CSS saum toj no thiab siv cwj ciam ntawm koj daim ntawv lossis. Tuab neeg paub, txawm li cas los xij, nws tus cwj pwm, thaum tsis muaj deprecated, yog ho tsis yoog raws li CSS, raws li koj tsuas yog txhais lub dav ntawm ciam teb thiab tsuas muaj nws nyob txhua lub hlwb ntawm lub rooj los yog tsis.