CSS los: sib npaug ntawm cov ces kaum ntawm lub ntsiab

Syntax cascading Style ntawv yog tsim kom tsuas hais tias tau muab cov feem ntau npaj txhij txog tsim yog muaj txawm deb los ntawm lub cajmeem thiab cov kev loj hlob ntawm tib neeg qhov chaw. Tej zaum qhov tseeb hais tias cov me nyuam ua si nrog cov blocks nyob twj ywm nyob rau hauv txhua leej txhua tus nco, siv lub multi-ncau kev nyob rau hauv HTML, CSS yog ib qho yooj yim.

Txawm li cas los, tam sim no programming yog tseem nyob deb rau ntawm qhia Siv ntawm kev muaj tiag. Kom txog rau thaum tam sim no, tej cheeb tsam (nyob zoo li cas koj nyiam block caij) nyob rau hauv tej ntawm nws lub ntsiab lus thiab lub formal lub sij hawm ntawm ib lub zoo, uas yog tsim nyob rau hauv cov yam nkaus contour kab.

Kom txog rau thaum tam sim no, tej vajvoog, pub muab kwv yees voos kheej-kheej, yuav ua li cas ib tug nkhaus ncaj thiab thiaj li nyob. P. Piav lub complex zauv equations los yog heev me me cubes, trapezoids, cov vajvoos peb sab los yog lwm yam rectilinear hais tias yog distinguishable rau lub qhov muag raws li ib tug taw tes nyob rau hauv kab.

Classic Ncaj tsim

Nws tsis yog li ntawd kev kawm nyob rau hauv lub teb ntawm programming thiab cov ntaub ntawv yees cai lub tsim. Lub tswv yim tsis nkim sij hawm rau ib tug sib npaug zoo, tab sis tsis txhob hnov qab los qhia nyob rau pov tseg ntawm tus tsim tawm txaus nta thiab HTML cim npe cai, CSS thiab lwm yam cajmeem lus.

Tej lub caij uas siv los ntawm cov nplooj ntawv yog ib lub cheeb tsam, nyob rau hauv uas nws yog faib ob peb qhov chaw, ntawm uas nyob rau hauv txhua rooj plaub yuav tsum tau siv xwb tsim nyog xav tias krossbrauzernosti yuav tsum markup nta kev cov ntsiab lus muaj nyob rau syntactic Siv.

General kev cai rau CSS

Lam Style ntawv muaj rau piav qhia txog lub ntsiab raws li nram no:

• vaj tse: tus nqi.

Nyob rau hauv cov ntaub ntawv no, tej khoom - tej lub npe thiab tus nqi yuav tsum yog ib tug lub npe los yog ib daim qhia txog ntawm cov npe los yog qhov tseem ceeb.

Hais txog qhov thaiv cov ntsiab thiab qhov yuav tsum tau ua ntawm CSS npawv fab, nws yuav ua rau kev txiav txim zoo siv cov ciam teb voos kheej-kheej cuab yeej thiab nws cov nuj nqis nyob rau hauv lub hom "38px" los yog "8px 16px 24px 38px".

Yog hais tias tus nqi muab los ntawm ib tug xov tooj, nws yuav tau teem caij rau cov neeg rau tag nrho cov ces kaum. Sau tag nrho plaub qhov tseem ceeb yog:

• thawj xov tooj - mus rau lub Upper rau sab laug ces kaum;
• tus thib ob - mus rau sab xis;
• peb - mus rau sab xis;
• tseeb - mus rau sab laug.

Sib koom ib co ntawm cov kev cai

Ntsiab ciam teb, duab thiab keeb kwm yav dhau yuav siv tau ua ke. Qhov no yog dab tsi, thiab hais cov kev cai tsis txhob cuam tshuam nrog txhua lwm yam, txoj kev ua rau tag nrho pes tsawg leeg. Qhov loj tshaj plaws - mus rau tus account rau lub fact tias lub npe ntawm txhua tus ntawm lawv sawv cev rau, thiab yuav ua li cas nws yog ua ntawv thov.

Ua ntej siv qhov no los yog hais tias lub caij, nws yog ib qho tseem ceeb rau kev ib co thwmsim thiab kuaj ua hauj lwm rau ntau browsers. Orientation rau lub tswv yim, tswv yim, piv txwv ntawm peb-tog los yog CSS syntax, npawv fab, thiab li ntawm. N. Yog tsis tshua zoo dua lawv tus kheej tshiab xyaum.

Nws yog ib qho tseem ceeb kom nkag siab txog hais tias cov ciam teb, duab, nyob rau hauv cov nqe lus ntawm kev tsim cov ces kaum - tib hom tswvyim. Duab yuav tsum tau muab nthuav tsis nyob rau hauv png-hom. Nws yuav raug muab txiav tawm los ntawm lub browser, raws li cov kev cai tsim nyob rau hauv lub CSS. Sib npaug ntawm cov ces kaum - tu tsim tawm, tsis hais txog ntawm squareness ntawm qhov khoom.

Nta HTML, CSS los ntawm browsers

Zoo siab txais tos Style cov ntaubntawv povthawj siv wholesale - rau tag nrho cov browsers ib zaug. Xijpeem classic piv txwv nyob rau hauv lub npe "lub CSS: npawv fab" kev sau ntawd:

tom qab: # FF7F00; / * Tom qab * /

ciam teb: 1px #CCCCCC khoom; / * Ciam teb * /

-moz-ciam teb-voos kheej-kheej: 10px; / * CSS npawv fab rau Mozilla Firefox * /

-webkit-ciam teb-voos kheej-kheej: 10px; / * ... rau lub Safari thiab Chrome * /

-khtml-ciam teb-voos kheej-kheej: 10px; / * ... Konquerer * /

ciam teb-voos kheej-kheej: 10px; / * Lub CSS npawv fab rau tag nrho cov * / thiab hais txog. N.

Txawm li cas los, nyob rau hauv Feem ntau nws yog txaus kom meej kawg txoj cai. Redundancy yuav tsum tau tsuas yog siv thaum muaj ib tug tiag tiag yuav tsum tau.

Classic thiab zoo kawg nkaus rooj

Txawm tias heev heev controversies ntawm UFW rooj layout (tr, td) thiab cov kev xaiv ntawm kev siv div cim npe thiab saib ntsoov txog ( «zoo kawg nkaus" layout), hom phiaj xyaum favored xaiv tubntxhais tsim nyog.

Nyob rau hauv divs muaj ib co meej mom nyob rau hauv lub rooj. Yog hais tias lawv tsis txuam rau lwm yam, thiab cia li sib tw, cov lus nug yuav tau sai sai evaporated nyob rau hauv ib tug version uas combines qhov zoo tshaj plaws ntawm lub rooj thiab divs.

Feem ntau ntawm cov chaw tsim siv lub CMS (cov ntsiab lus tswj system), thiab nyob rau hauv lub pov tseg ntawm tus tsim tawm los tsis yog ib tug ntau ntawm cov "giant" datasets ntawm pua pua ntawm cov folders, tej khoom, tab sis kuj cov ntxhuav.

Tag [div | saib ntsoov txog], raws li xws li, tsis sawv tawm, tab sis qhov tshaj plaws xwb uas los raws nraim nyob rau tag nrho txoj kev hlub tshua ntawm tus tsim tawm - ib tug CSS stylesheet. Thiab tej CMS kom meej meej cais lub code, ib feem ntawm nws los ntawm tus tsim tawm lub tswv yim thiab lawv tus kheej yeej ntawm ntxiv style, thiab nyob rau hauv cov ntaub ntawv ntawm cov kev hloov (piv txwv li, css - pub muab kwv yees lub ces kaum ntawm lub rooj), koj yuav nco ntsoov rov qab kho cov chaw thiab vim yeej.

Curves thiab cov ces kaum tsis them los ntawm lub syntax

Koj muaj peev xwm nruj me ntsis raws nraim li tag nrho cov kev cai ntawm HTML, CSS, tab sis kom muaj ib tug tshwm sim, lawv yuav tsis muab. Superimposing ntsiab rau txhua lwm yam, nws yog ua tau rau tau ib cheeb tsam ntawm tej configuration. Siv PHP-txoj kev loj hlob nyob rau hauv lub neeg rau zaub mov, koj yuav tau xa mus rau cov qhua tus browser thiab tej style ntaub ntawv rau xa mus rau lawv qhov kev tsim nyog JavaScript code nyob rau hauv lub cev ntawm HTML-cov ntaub ntawv los yog ib tug nyias muaj nyias ib js-cov ntaub ntawv.

Tej Circuit Court variant, tej daim ntawv ntawm cov khoom teejtug caij yog CSS kev cai! Sib npaug ntawm cov ces kaum - pawg particular, thiab tiag tiag lub sij hawm yog npaum li cas wider. Nyob rau hauv cov ntaub ntawv no, lub cajmeem rau koj tus kheej tej khoom, koj yuav tsis tau them nyiaj mloog mus rau lub yam ntxwv ntawm ib tug neeg browsers, siv xwb cim npe thiab qauv ntawm hypertext lus, uas yog ntaus nqi los ntawm tag nrho cov, tsis muaj kev zam browsers.

Siv lub tswv yim ntawm yam khoom-taw qhia kom paub programming, koj yuav tsim qhov zoo ntawm ib ces kaum los yog ib tug nkhaus yog obviously tsis xam pom los ntawm tej yam browser cov ntaub ntawv. Nyob rau hauv cov ntaub ntawv no, nws tsis yog tsim nyog hais tias qhov no yuav tsum tau lub ces kaum ntawm lub cheeb tsam, uas yog Ameslikas ib lub zoo lawm. Nws yog ib qho tseem ceeb uas lub Cheebtsam ntawm lub nkhaus piav nyob rau hauv daim ntawv ntawm CSS kev cai, ua ke rau hauv ib nrig txog kev pom JavaScript khoom code thiab thaum lub sij hawm nyob rau hauv txoj cai qhov chaw browser, qhia nws tus kheej nyob rau hauv qhov tseeb daim ntawv no.

Qhov no technology tsis cuam tshuam nrog xws li tej khoom kom paub lawv tus kheej nyob rau hauv ib tug peb-dimensional dav hlau los yog qhia animation.