CSS: rooj tsim. piv txwv ntawm kev cuv npe

Ua lub rooj nrog CSS - ntawm zaj lus qhia nthuav thiab lub luag hauj lwm. Mus kom ze rau qhov no ua lag ua luam yuav tsum competently, nrog kev txawj ntse ntawm tag nrho cov tau yeej. Nyob rau hauv tas li ntawd, nws yog tsim nyog los muaj ib tug paub txog kev zoo nkauj nyob rau hauv thiaj li tsis mus ntshai tawm lawv cov tswv yim zoo txhim qhua.

Lub rooj yuav txia yuav luag txhua yam. Zoo nkauj tsim yuav siv cov CSS ntxhuav tsim ib thaj tsam, cov lus tom qab, cell tom qab, cov kis nruab nrab ntawm lawv thiab ntau dua. Xav txog cov yooj yim tshaj plaws.

rooj ciam teb

CSS rooj style tsim ib txwm muaj kev ua si nrog ib tug ciam teb (ncej). Tag nrho neej ntawd hais rooj yog tsis nkhaus ncej. Hais tias yog, nws yog sib npaug zos rau 0 pixels. Tab sis qhov no yuav tsum kho los ntawm cov cuab yeej ciam teb.

Koj yuav tau qhia lub txheej num rau tag nrho cov lus:

rooj {ciam teb: 3px khoom dub; }

Tsaug rau no kab nyob rau ntawm tag nrho cov ntxhuav nyob rau hauv cov chaw uas siv cov style yog dub ncej. Nco ntsoov tias lub ciam teb tsuas yog nyob rau ntawm cov npoo, tiam sis tsis nyob rau hauv lub rooj. Rau cell kab thiab ncej teev lwm yam.

th, td {ciam teb: 3px khoom dub;}

Lub thickness thiab xim, koj yuav tau qhia kom meej ib yam. Nco ntsoov hais tias rau ib thaj tsam tsis ntsia thaum splicing hlwb.

Lo lus qhia ib tug khoom nruam npe. Koj yuav tau qhia lwm yam tseem ceeb.

nws yog feem ntau siv khoom ncej, raws li nws zoo txaus nyiam tshaj thiab tsis cuam tshuam xim los ntawm lub ntsiab ntsiab lus ntawm lub site.

ciam teb vaj tse yuav tsum teev kuj nyob rau hauv lub Rooj Tswjhwm Saib. Lub ciam yuav tsuas yuav teem rau lub sab saum toj, hauv qab, sab laug los yog sab xis. Vim hais tias tej zaum nws tsis yog ib tug ua tau cov kev xaiv uas tus ncej rau tag nrho cov lus ib zaug.

rooj {ciam teb-sab saum toj: 1px khoom liab; }

Yog li ntawd koj yuav tau teem lub num rau lub sab saum toj ntawm lub rooj xwb. Ib yam li ntawd mus rau lwm yam ob tog, tsis txhob cia li saum toj sau: txoj cai, sab laug los yog hauv qab.

rooj header

Rooj header yuav muab teev siv cov tag . Qhov no tag yuav ua tau nyob rau hauv lub CSS mus sau npe ib tug ntau ntawm thaj chaw rau fine-tuning. Lub CSS rooj tsim no zoo vim nws yog tau maneuver lub ntsiab txoj kev uas koj xav tau.

Qhov no title yog tso tawm nyob rau hauv tib txoj kev raws li ib tug txheej txheem nyob rau hauv phau ntawv (xws li "lub rooj 1").

Koj yuav tau qhia qhov chaw ntawm lub title thiab cov khoom npe duab-sab (sab saum toj los yog hauv qab). Aligning sab laug los yog txoj cai yog txhais los ntawm cov cuab yeej text-dlhos.

tom qab lub rooj

Tom qab ntawm lub rooj yuav tsum muaj xim los yog txawv. Xim teev ib tug tom qab-xim. Lub npe ntawm cov khoom tag nrho zoo ib yam nrog kev siv nyob rau hauv kev hais lus. Nws tswj khaws cia ntau lub sij hawm.

Cov xim yuav tsum teev raws li lub npe, thiab txawv encodings. Nyob rau hauv tas li ntawd, koj yuav qhia kom meej rau nram qab no:

• Pob tshab - Pob tshab.
• Nej cia li los - xim yog tib yam li hais tias ntawm lub niam txiv lub caij.
• Initial - neej ntawd hais.

Cov kev xaiv uas transparency yuav siv tau nyob rau hauv cov mob uas tag nrho cov ntxhuav nyob rau hauv cov ntawv nyeem nyob rau hauv lub CSS cov ntaub ntawv no yog ua los nyob rau hauv ib tug nqaij daim tawv, tab sis nyob rau hauv cov ntaub ntawv no yuav tsis muaj.

Nyob rau hauv tas li ntawd, lub keeb kwm yav dhau tej zaum yuav ua tau ib tug duab. Ua li no, nyob rau hauv cov style tshuaj tom qab duab vaj tse. Txoj kev yog zoo li no:

url ( 'URL')

Txoj kev mus rau cov ntaub ntawv tej zaum yuav yog tus txheeb ze los yog tsis.

Ntau nyuab sau yuav ua tau nrog ib tug gradient:

• linear-gradient ();
• radial-gradient ();
• rov qab ua dua-linear-gradient () thiab rov qab ua dua-radial-gradient () - gradient rov qab.

tom qab cell

Nyob rau hauv tas li ntawd mus rau ib tug tom qab nyob rau hauv Feem ntau, koj yuav hais kom meej ib tug txaij tom qab nyob rau hauv txhua los yog kab. Sau npe ntawm cov cuab yeej yog siv ntau heev, vim hais tias cov pom tau qhov sib cais ntawm cov kab yooj yim nyeem ntaub ntawv.

Nyob rau hauv tas li ntawd mus rau lub alternation, thiab koj yuav hais kom meej lub xov tooj ntawm ib tug kem los yog kab. Piv txwv li zoo li no:

• tr: nth-tus me nyuam (txawm) {...} - qhia kom meej qhaib;
• tr: nth-tus me nyuam (1) {...} - hais txog ntawm lub zog ntawm ib tug kab;
• td: nth-tus me nyuam (txawm) {...} - ib tug hais txog ntawm alternating kab;
• td: nth-tus me nyuam (1) {...} - ib tug hais txog ntawm cov khoom ntawm ib tug kiag.

Dhau li ib theem zuj zus thiab xov tooj yuav tsum teev - tus thawj (td: thawj-tus me nyuam) los yog lub (td: kawg-tus me nyuam).

Cov kis ntawm tus hlwb

Nyob rau hauv CSS, cov lus tsim tso cai rau koj mus tshem tawm tej qhov chaw ntawm lub hlwb. Yog lub neej ntawd lawv yog. Piv txwv li, yog koj muab tus ncej nyob rau hauv lub rooj tsis muaj qhov chaw kawm qhov kev ncua deb ntawm thaj tsam, nws yuav nyob ntawm no no tshwm sim.

Pom zoo, nws zoo li tsis zoo nkauj heev thiab nws tsis yog yooj yim rau kev nyeem ntawv. Cov neeg siv yuav muaj ripple nyob rau hauv lub ob lub qhov muag vim hais tias ntawm no. Tshem tawm cov kis yuav ua tau los ntawm kev sau ntawv xws li ib tug kab nyob rau hauv lub rooj style:

ciam teb cev qhuav dej: cev qhuav dej

Tab sis nws kuj tshwm sim hais tias qhov kev ncua deb, on qhov tsis tooj, yuav tsum tau nce. Ntxiv mus, qhov luaj li cas ntawm qhov khoob yuav muab teev raws li ntawm txhua thiab nruab nrab ntawm cov kab. Yuav kom qhia tau tias ib tug nqi (es tsis txhob cev qhuav dej):

ciam teb cev qhuav dej: cais

Tab sis xws li qhov kev txiav txim yuav qhia tau tias nws yog tsim nyog los cais lub hlwb. Raws li nws yog lawv qhia, qhia ntxiv vaj tse:

ciam teb yov: 20px.

Yog hais tias koj xav qhia kom meej rau ib tug txawv kev ncua deb ntawm lub kab thiab txhua, nws qhia tias ob yam:

ciam teb yov: 10px20px.

Qhov txawv nyob rau hauv lub browsers

Nco ntsoov hais tias nyob rau hauv lub CSS tsim ntxhuav yuav zoo sib txawv, nyob ntawm seb qhov browser. Tshwj xeeb tshaj yog phem yog cov ntaub ntawv nrog rau cov laus versions, uas nrhav nyob rau hauv CSS yog tsis txaus siab.

Qhov saum toj no yog ib qho piv txwv ntawm lub cev thicknesses rau cov qhov tseem ceeb.

Rau piv txwv no, tus thickness ntawm cov ntas rau lub constants.

ciam teb yeej tseem txawv heev.

Yog li ntawd, txoj kev loj hlob ib txwm pom cov kev tshwm sim nyob rau hauv txawv browsers.

Nyob rau hauv CSS qauv ntxhuav pom zoo mus xyuas cov hom browser. Tshwj xeeb yog teeb meem loj uas siv los tau rau cov neeg siv nrog cov laus versions ntawm Internet Explorer.

Heev tshaj developers yuav, nyob ntawm seb qhov browser mus cuag sib txawv kiag li CSS cov ntaub ntawv. Thiab muaj ib tug ua rau ib daim tshev nyob rau hauv txhua los yog ib txhia kev style (class).

Feem ntau cov teeb meem tshwm sim los ntawm qhov ntxoov ntxoo.

CSS: Rooj Hom piv txwv

Sau npe yuav heev varied. Nws tag nrho cov nyob rau hauv tag nrho qhov chaw thiab nws tsim. Tag nrho yuav tsum tau ua ke thiab variegated xim. Tsis tas li ntawd nws yuav ua rau ib tug zoo luag hauj lwm thiab tsw tsim tawm. Kev txiav txim zoo ntawm kev zoo nkauj yog tag nrho cov sib txawv.

Peb muab ib co piv txwv ntawm cov ntau yam rooj. Cov duab saum toj no qhia tau hais tias kev siv ntawm qaij thiab ua si nrog cov keeb kwm yav dhau xim thiab ciam teb.

Muaj ntau yam yuav nthuav piv txwv zoo nkauj zoo huv si tsim uas yuav tsis txiav lub qhov muag cov neeg siv. Qhov no embodiment yog tsim nyog nyob rau hauv yuav luag txhua qhov teeb meem no.

Lub npoo yuav tsum tau sib npaug. Nws zoo zoo nkauj zoo.

xaus

Raws li koj tau pom, rau lub tsos ntawm cov ntxhuav nyob rau hauv CSS muaj ntau ntau cov cuab yeej. Txhua parameter kuj yog ib tug lossis loj npaum li ntawm tus nqi ntawm kev xaiv. Yog hais tias koj siv tag nrho nws ib zaug, koj muaj peev xwm tsim masterpieces. Tshwj xeeb tshaj yog yog hais tias koj coj tsim rau tag nrho cov browsers.

Qhov loj tshaj plaws nyob rau hauv lub tsim - tsis txhob sib zog heev nws muaj teebmeem. Txhua yam yuav tsum tau ua nyob rau hauv moderation. Thaum xub thawj, cov layout nyiam mus xyaum ua tej yam thiab siv tag nrho lawv cov kev paub tam sim ntawd. Raws li ib tug tshwm sim ntawm lub qhov rooj yog oversaturated zog. Sim kom tsis txhob cov uas tsis.

Ntxiv mus, ib co tsis yuav cuam tshuam nrog txhua lwm yam. Piv txwv li, yog tsis muaj yuav tsum tau qhia kom meej rau hauv lub keeb kwm yav dhau xim ntawm lub rooj, thaum hais tias muaj yog tseem teem tom qab duab, uas yuav sib tshooj lub teev xim.