Puv CSS: tso saib cov ntsiab lus caij

Lam style los xij yog ib qho yooj yim mus siv, yog tias koj tsis mus rau hauv lub zoov nuj txeeg ntawm qub txeeg qub teg, qhov tseem ceeb tshaj nyiaj ntawm cov chav kawm ntawv qauv, lub theoretical yam thiab cov tswv yim kev.

Lub hom phiaj tseem ceeb ntawm txhua tus tej khoom ntiag tug nyob rau hauv lub CSS - zaub, tab sis nws tsis txhais hais tias tsuas "pom": tsis muaj tsis tseem ceeb tsim "CSS puv thaum".

page ntsiab

Page muaj tsis tau tsuas yog lub ntsiab, nws yuav tsum tau nyob cov ntsiab ntawm cov ntsiab, seb ntas (thiab nws yuav ua tau tsis yog ib tug txheej ntawm Cheebtsam, tab sis ib tug txawv qhov chaw nkaus), los yog ua tus kheej system khoom.

Lawm, feem coob ntawm cov developers chaw xyaum tu yus roj hmab layout, yuam kom reckon nrog cov loj hlob rau tagnrho cov ntaub ntawv thiab lub fact tias cov teeb meem ntawm 800 los ntawm 600 pixels - tsis yog ib tug teeb meem rau 640 KB, uas ib tug ob peb xyoo lawm kov yeej lub mentality ntawm MS DOS creators tshaj nyom hauv lub neej ntawm cov thiab cov neeg siv thawj desktops.

Lub tsev kawm ntawv lub tsev Ameslikas txhua yam yog yooj yim: page tsis haum rau qhov kev tshuaj ntsuam, cov browser yuav ua rau nws scroll. Txawm tias tus tsim tawm yuav muab cov zis page cov ntsiab lus nyob rau hauv lub qhov rais tsis scrolling sawb thiab tsis muaj lwm yam khoom: page cov ntsiab lus yeej yuav tsis tau tawm dhau lub qhov rais faib rau nws. Qhov no yog tej yam ntuj tso, sab nraum lub qhov rai muaj lwm yam kev siv, thiab browser qhov rai - tsis muaj zoo tshaj rau lwm lub qhov rais: lub operating system yog yeej ib txwm rau koob pheej ntawm lawv daim ntaub ntawv.

Txawm li cas los, tsis muaj teeb meem yuav ua li cas lawv prioritized nyob rau hauv lub xaiv ntawm layout xaiv, tsis muaj teeb meem yuav ua li cas faib qhua xav nyob rau hauv qib siab screen daws teeb meem rau saib qhov chaw, hnub no muaj ntau ntau yam cov ntxaij vab tshaus uas tsis muaj ib txwm lub caij nyoog tsau loj.

Lub dynamic ntiaj teb no los puv CSS

Nws yog assumed tias lub tsev kawm page - cov ntsiab lus no, kis tawm nyob rau hauv lub hypertext cim npe, uas qhia kom meej yuav ua li cas nws qhia nyob rau hauv ib tug cov ntaub ntawv, nyob rau hauv tej yam tej yam kev mob.

Txhua yam yog lossi hloov. Txawm hais tias lub site no xws li hais tias nws cov ntsiab lus yuav hloov tsis tau ntau lub xyoo, muaj yog tsis muaj guarantee hais tias ib tug npaj txhij txog qhua yuav tsis qhib nws rau ib tug ntawv tshiab, uas tus tsim tawm ntawm no lub website tsis txawm paub.

Options khoom nyob rau hauv cov kev cai puv CSS muab tsuas yog plaub muaj cai mus nkaum tej yam uas mus tshaj lub cheeb tsam ntawm lub caij, zaub, muab scrolling ib txwm los yog tsuas yog thaum tsim nyog, los yog los mus inherit tus nqi ntawm ib tug txwv zeej txwv koob.

Nyob rau hauv thawj rooj plaub (phwj: muab zais), tej ntsiab lus hais tias mus tshaj lub yam khoom yuav tsum tau muab zais, tab sis hais tias zoo, yuav tsis muaj. Qhov no txoj hauj lwm yog zoo, tab sis tsis tsawg interesting yog kev qhia txhua yam uas yog tshaj (phwj: pom). Yog li ntawd tus tsim tawm qhia cov qhua nrog lub sij hawm los mus yeej ib txwm yuav tsum paub txog tag nrho cov ntsiab lus caij thiab tswj nws volume. Tsawg lub sij hawm muab scroll (phwj: scroll - ib tug scroll bar yog yeej ib txwm muaj, lossis phwj los: auto - scroll tuav tshwm sim thaum uas tsim nyog).

Nta puv ntsiab lus uas siv

", представляют особенный интерес, только когда они представляют собой текст. Hais tias yog hauv ib tug tag uas muaj lub ntsiab lus ntawm CSS "text phwj", yog kev txaus siab, tsuas yog thaum lawv yog cov ntawv nyeem. Kev tso kawm ntawm tus lwm yam, feem ntau yog tsau mus rau lub coordinates los yog tus txheeb ze txoj haujlwm.

Phau ntawv hais tsis yeej ib txwm muaj ib tug tsau tooj ntawm cov cim, thiab yog hais tias koj yuav tau siv kev cai phwj, CSS qhia los saib xyuas cov kev xaiv kev npaj txhij txog kev hloov nyob rau hauv cov ntsiab lus volume.

Nyob rau hauv kev, nyob rau theem ntawm debugging, koj yuav thov tau tus nqi ntawm cov khoom los yog pib scroll, thiab ces xauv cov zaub ntawm txhua yam uas mus tshaj lub teb, muab cov qhua ib tug txheej ntawm lub lag luam, uas nws yuav tsiv mus nyob tus txheem ntawm lub invisible rau hauv qhov pom cheeb tsam. Nws yog ib qho kev xyaum. Tsis yog txhua leej txhua Vaj kub siab heev nrog rau cov scroll bar, ib txhia xav tias nws plaub nyees khawm: ib sab saum toj, pem hauv ntej, rov qab, mus txog thaum kawg.

Nyob rau hauv tas li ntawd, txoj cai phwj CSS nyob rau hauv pib / scroll theem tus nqi rau ib daim ntawv rau lub caij tsis kaj siab uncertainty: lub browser hloov tseem ceeb tshaj ntawm cov scroll los ntawm sab mus rau nws lub caij thaum nws yog tshaj tus nas pointer.

Thaum lub caij yog ib phau ntawv block, nws tsis yog yooj yim heev thiab seeb, tab sis yog hais tias tus tag nrho dav ntawm lub qhov rais mus rau qhov chaw lub slider (block ntsiab-duab), ces los mus kov yeej xws li ib tug qauv yog tsis ib txwm tau nrog cov nas, feem ntau yuav tsum tau siv lub khawm "nyob rau hauv thaum pib" los yog "nyob rau hauv lub kawg page. "

scroll tseem ceeb

Dialog sab ntawm lub qhov chaw uas muaj cov qhua yog qhov tseem ceeb, raws li zoo raws li nws cov kev tsim, kev loj hlob, cov ntsiab lus. Vim hais tias ntawm qhov chaw qhib ib lub browser thiab ua li nws nyob rau hauv tib lub qhov rais los yog ib tug tshiab tab, koj yuav tsim nyog tau txais rau scrolling yuav tsum page, thiab tsis nws neeg. Cov yav tas yuav tsis tau tsuas yog ua tau ib tug ntau, tab sis txhua zaum yuav muaj nws tus kheej muaj nuj nqi.

Lub tsev kawm ntawv yeej ib txwm yog ib lub ntsiab lus, txawm yog hais tias nws koom lub tshav pob ntawm philosophy, mysticism, los yog lwm yam tsi xam pom cov ntsiab lus. Uas yog vim li cas nws yog ib txwm tau mus xav tias ib tug kev tsim txom rau hauv lub sib tham sib hais ntawm cov kev cai phwj CSS.

Nyob rau hauv kev, yog lub caij yog ib tug selector mus xaiv lub xyoo (hnub tim), ces lub classical selector yog tsis yooj yim, raws li nws yuav xa cov scrollbar cuab txaav. Los ntawm kev thov nyob rau hauv cov ntaub ntawv no phwj, CSS yuav siv tau zoo nyob rau hauv tas li ntawd: Internal teb nyob rau hauv lub caij, xaiv sij hawm, cia cov qhua los sai sai thiab yooj yim xaiv ib tug yam lub hnub, lub hli, xyoo.