Txoj hauj lwm Tus txheeb ze - yog dab tsi? Cov lus qhia kom ntxaws

HTML layout yog ib tug txheej txheem ntev, nruj heev, tab sis muaj tswv yim heev. Txawm tias muaj tseeb rau cov neeg feem coob ua haujlwm hauv IT Tshaj, qhov tsim qhov web pages zoo li zoo li niaj hnub tho txawv, cov kws ua haujlwm tshwj xeeb nrog cov haujlwm uas tsis yog ua haujlwm xwb, tab sis kuj tau txais kev txaus siab ntawm qhov txheej txheem nws tus kheej.

Txawm li cas los xij, ua ntej dhau los ua ib tus kws tshaj lij web tsim, txhua tus neeg tshiab siv ntau lub sijhawm kawm ntau cov lus qhia thiab cov lus qhia rau ob yam lus HTML thiab nws cov CSS. Hais txog raws nraim li cas CSS, nws yog dab tsi thiab dab tsi "feint pob ntseg" tso cai rau koj kom tau li, raws li zoo raws li ib qho ntawm nws sab saum toj zog - Txoj hauj lwm tus txheeb ze - niaj hnub no peb mam li tham.

CSS yog dab tsi?

Cov kab lus CSS tuaj yeem hloov ua thiab txhais ua lus Askiv ua "cov ntawv khawm cascading". Nws suab coj txawv txawv - rau ntawm ib sab, zoo li cov lus thiab to taub, tab sis nyob rau lwm qhov - lub ntsiab lus tseem ceeb yog ntes tsis tau ib zaug. Cia peb pib nrog yooj yim - nrog kev paub. Cov cuab yeej no tso cai rau koj muab cov khoom ntawm nplooj ntawv qee cov cwj pwm uas muaj feem xyuam nrog rau cov tsos, uas tuaj yeem hais qhia ib zaug xwb, tab sis siv sijhawm tsawg kawg nkaus.

Qhov tseeb, nws yuav tsim nyog siv lo lus "cov ntawv" los yog "cov npe", tab sis cov sau phau ntawv txhais ua tus txiav txim siab tias CSS zoo li ntau dua li cov npe, thiab peb yog leej twg Xws li tam sim no lawv tau txiav txim.

Thaum kawg, lo lus "cascade". Qhov tseeb yog tias txhua lub caij muaj peev xwm ua tau ntau yam ntawm ib zaug, uas tuaj yeem sib xyaw los yog kev sib tshuam. Nyob rau hauv cov ntaub ntawv zoo li no, qhov browser yuav tsum muaj kev cai lij choj, kom ua kom zoo tshaj qhov pom ntawm qhov thaiv, uas muaj ntau yam kev paub, nrog ib tus, piv txwv li, muaj cov cuab yeej ntawm Txoj Haujlwm Txheeb Ze, thiab lwm qhov - Txoj Haujlwm Tsis Txaus Siab. Qhov tseeb, tej kev tsis sib haum no yuav tsis raug zam, tab sis nyob rau hauv cov hauj lwm loj xws li tsis meej pem tshwm sim ntau zaus.

Yog li, tam sim no hais tias lub npe yog tseeb, peb saib ib qho piv txwv yooj yim. Cia peb hais tias koj muaj ntau cov nyees khawm ntawm koj lub vev xaib uas tau tsim nyob rau hauv ib txoj kev. Lawv muaj cov khoom xws li qhov loj me, duab ntxoov ntxoo, daim duab tshav, xim. Tau kawg, koj tuaj yeem qhia meej cov kev txwv no, tsim txhua lub pob, tab sis nws yuav yooj yim dua siv CSS. Nyob rau hauv kev xyaum, koj yuav tsum piav qhia txog ib qho kev qhia uas muaj nuj nqis ntawm tag nrho cov khoom sau saum toj saud, thiab tom qab ntawd, es tsis txhob ntev sau, tag ntawm txhua lub pob tsuas yuav tsum qhia lub npe ntawm cov hoob no, tom qab uas tus browser yuav xim cov ntsiab lus ntawm cov xim uas tsim nyog thiab muab rau lawv "Gloss".

Vim li cas kuv thiaj li xav tau cov khoom vaj tse?

Tam sim no peb tau tsiv mus rau qhov chaw ntawm txoj hauj lwm, uas tag nrho tsab xov xwm tau xeeb tub. Yog tias koj paub lus Askiv lossis muaj ib qho kev xav zoo, ces koj yuav tsum nkag siab - qhov no yog lub luag haujlwm rau qhov chaw ntawm lub caij. Qhov tseeb, nws yog, tab sis tsis txhais ntawm qhov chaw tshwj xeeb, cov cuab yeej no qhia rau tus browser yuav ua li cas raws nraim qhov chaw ntawm ib qho ntawm tus neeg nyob sib ze los yog tag nrho cov nplooj ntawv tag nrho.

Dab tsi qhov tseem ceeb muaj peev xwm ua rau lub vaj tse nyob?

Peb qhov khoom muaj peev xwm ua tau ntau qhov txiaj ntsim, muaj tsib leeg xwb. Ntawm no yog cov lus qhia luv luv ntawm txhua tus ntawm lawv:

• Txoj Hauj Lwm Txheej Txheem. Cov cuab yeej no tso cai rau koj luam cov ntaub ntawv ntawm qhov khoom uas yog niam txiv. Piv txwv li, yog tias koj muaj div nrog qhov kev qhia txog tus Txheeb Ze, ces daim ntawv IMG nrog tus nqi tseem ceeb yuav tau txais tus nqi sib txheeb.
• Qhov chaw Static. Cov nqi no yog muab rau txhua tus neeg tau txais, tshwj tsis yog tias tau hais meej. Cov txheej txheem haum rau hauv txoj hauj lwm raws li lawv tau hais hauv cov cai thiab tsis muaj rau ntau yam "delicacies" uas cia lawv hloov lawv txoj hauj lwm.
• Txoj hauj lwm Tsis paub. Tus nqi no yog siv rau thaum muaj qhov tsim nyog los tsim ib qho "floating". Muaj qhov no muaj nqis, lub ntsiab lus tseem "tsis pom" rau seem ntawm nplooj ntawv. Ntawd yog, lawv nyob raws li yog tias peb cov caij tsis muaj nyob rau txhua qhov. Nws nws tus kheej yuav nyob twj ywm rau hauv qhov chaw, tsis hais txawm nyob deb npaum li cas hauv daim ntawv.
• Txoj Haujlwm Tsau. Hauv ntau qhov kev pom zoo no zoo ib yam li yav dhau los, txawm li cas los xij, thaum lub sijhawm tsis meej txuas nrog tus niam txiv, tsuas siv cov kev sab nraud ntawm sab laug sab laug ntawm lub qhov screen browser, tsis txhob mloog lwm cov ntsiab lus uas ua ntej.
• Thaum kawg, txoj hauj lwm txheeb ze. Qhov kev ntaus nqi no ua rau koj tso tus cwj pwm txawv rau lwm tus, uas yuav pab tau thaum tsim txoj kev ua kom haum, hu ua "rubber" nyob rau hauv tib neeg. Muaj cov cuab yeej no, lub caij yuav "txav sib nrug" tus so, tsis tas yuav muaj peev xwm hloov nws qhov chaw nyob ntawm nplooj ntawv.

Nta ntawm kev ua hauj lwm nrog txoj hauj lwm hauv browsers sib txawv

Tsis yog tag nrho cov browsers yog sib npaug sib npaug. Txawm tias feem ntau lwm cov kev pab cuam rau Internet surfing tsis muaj hitching perceive tus nqi ntawm txoj hauj lwm yog kiag li yeej muaj tseeb, "kheev tshwj xeeb" Internet Explorer suav qhov khoom no nyob ntawm seb nws version.

Piv txwv, siv cov twb qhib IE6 browser, koj siv tsis tau qhov tseem ceeb ntawm Tsaus thiab Inherit - tus nees luas tsis quav ntsej lawv. Txawm li cas los xij, txawm tias qhov thib xya version qhov teeb meem pib kho, thiab Tsau yog twb tau ua tiav, rau Txhua txhua tus nyiam lub "browser rau downloading lwm browsers" tau txais tsuas yog hauv nws daim ntawv thib yim.

Cov kws soj ntsuam xyuas yau yau yoojyim ntawm txoj haujlwm thawj zaug, nrog rau ntawm Opera, uas tau txais kev txhawb nqa ntawm cov cuab yeej no hauv nws qhov kev hloov 4, tso tawm hauv nruab nrab-90's.

Ua haujlwm nrog Txoj Haujlwm hauv Javascript

Nyob rau hauv qhov tseeb, zaj dab neeg txog kev yuav ua hauj lwm nrog lub chaw hauv lub cuab tam hauv Javascript, peb tsuas yog rau kev xav ntawm kev ncaj ncees. Vim tias cov cuab yeej no tsis muaj cov cim tshwj xeeb ntawm lub npe, koj tuaj yeem siv JS yam tsis muaj kev pauv, piv txwv li, los ua Tus Txheeb Ze Txoj Haujlwm div, koj yuav tsum muaj qhov kab no: div.style.position = 'txheeb ze'.

Raws li koj tau pom, txhua yam yog yooj yim heev.

Yog vim li cas txoj hauj lwm tus kwv tij tsim nyog yuav tsum tau tshwj xeeb?

Thaum nws tseem ceeb tshaj plaws ntawm txoj hauj lwm, muab nws qis, "nti" ntawm cov ntsiab lus uas nyob ib puag ncig, siv tus nqi "txoj hauj lwm style: tus txheeb ze", nws yeej ib txwm tsim nyog nco ntsoov tag nrho cov nplooj ntawv li ib qho, vim nws qhov tsis yog siv tau "ntxig" .

Tsis tas li xwb, tsuas yog qhov khoom no tso cai rau koj yooj yim los tsim ib qho qauv tsim rau hauv ib qho kev coj ua, vim tias nws daim ntawv thov cuam tshuam tag nrho cov ntsiab lus ntawm nplooj ntawv. Tom ntej no, peb tseem muaj sijhawm los xav txog kev ua pivtxwv thiab kev ua yuam kev siv tus nqi no, thiab koj yuav pom nws cov txiaj ntsig tangible hauv kev xyaum.

Thaum twg kuv yuav tsum siv kev txheeb ze?

Ntxiv rau qhov teeb tsa ntawm cov lus pom zoo HTML, Cov Neeg Txheeb Ze yog feem ntau siv los tsim ntau yam teebmeem. Piv txwv li, yog tias koj xav kom lub caij "los" mus rau phab los yog, tsis sib luag, khov kho mus rau nws cov ntug, ces qhov khoom no tuaj yeem pab koj siv qhov "feint".

Zoo li \ "tricks \" DVR los ntawm Javascript, los yog, yog tias koj muaj striving rau qhov layout hnyav, los ntawm cov khoom ntawm CSS3, uas tso cai rau koj mus kho ib cyclic hloov hauv tus nqi ntawm ib tus kuj sib txawv thiab.

Nyob rau hauv tas li ntawd, nyob rau hauv Qee zaum, nws yog ib qhov ua tau los mus tsim "hybrid" Txoj hauj lwm Tus txheeb ze. CSS, tab sis nws tsis pub koj mus ib txhij teev ib yam dab tsi xws li txoj hauj lwm: tsis muaj tus txheeb ze, tab sis siv ib co tricks, koj tuaj yeem tseem ua tau zoo li no. Qhov no mus kom ze tej zaum yuav pab tau nyob rau hauv tus neeg mob qhov twg koj yuav tsum tau tsim ib yam dab tsi complex zoo li ib tug tooltip los yog pop-up zaub mov. Xav txog cov qauv, peb yuav piav qhia txog cov qauv ntawm cov "hybrid" no.

Piv txwv ntawm kev siv kev txheeb ze

Txoj hauj lwm Tus txheeb ze yog yooj yim yooj yim tsis tau yooj yim twj uas tso cai rau koj kom muaj kev nthuav ntau yam teeb meem. Yuav kom tsis txhob siv lub sij hawm thiab qhov chaw ntawm kev sau ntawv cov qauv siv tsis muaj txiaj ntsig, peb muab qee qhov lus qhia uas yuav kho tau koj lub vev xaib lossis nws cov nplooj ntawv.

Cia peb pib nrog cov "khiav tawm" kab. Xav tias koj xav tau ib lub caij uas yuav "mus ncig" los ntawm sab laug ntawm ntug qhov screen thiab maj mam txav mus rau sab xis. Los ua kom tiav ib qho "mechanism", koj yuav tsum teev txoj haujlwm: txheeb ze; Sab laug: -100px, qhov twg -100 yog kwv yees ntau tus pixels uas ua rau lub dav ntawm qhov thaiv. Cov style no yuav cia koj nkaum thaiv nrawm sab nraud ntawm qhov screen, teem caij rau "pib txoj haujlwm". Tam sim no koj tuaj yeem siv tsab ntawv uas nce nuj nqi ntawm cov cuab yeej sab laug txhua ob peb milliseconds kom txog rau thaum nws ua vaj huam sib luag rau qhov dav ntawm qhov rais qhib qhov dav ntawm lub caij. Vim li ntawd, peb tau txais ib qho thaiv uas tshwm ntawm sab laug ntawm ntug dej, dov hauv tag nrho cov npo thiab "nres" ntawm nws sab xis.

Lwm qhov piv txwv tso cai rau koj los tsim cov "tseem-tsis meej". Piv txwv li, koj tuaj yeem nkag mus rau hauv ib qho ntawm lwm qhov uas muaj ib tus Txheeb Ze Txoj Haujlwm. Yog li ntawd, peb muaj ib "txheeb ze" thaiv uas tsis muaj qhov loj me, uas yog ib qho kev sau npe, muaj peev xwm tshwm ntawm nws tus kheej hauv txoj hauj lwm uas nyob ntawm cov ntsiab lus ua ntej.

Ib qho uas tsis sib haum thaum siv Kev Ntseeg

Qhov yuam cai tshaj plaws thaum siv Tus Txheeb Ze yog tias ntau tus qauv tsim teebmeem tsis nco txog qhov kev muaj peev xwm tseg qhov chaw rau ib qho thaiv uas nyob rau qhov twg. Piv txwv, yog tias koj muaj ib qho loj loj, tso rau sab nraum lub vijtsam thiab muaj ib tus txheeb ze, qhov "qhov" yuav tshwm rau nws qhov chaw. Txawm li cas los xij, txawm tias cov cuab yeej no, qee zaum tsim muaj qee qhov tsis zoo, yuav siv tau rau qhov zoo, piv txwv li, tsim kom muaj kev ntxim nyiam zoo ntawm "qhov chaw sib sau" qhov chaw uas tag nrho nws cov khoom siv qis tso rau saum: 0 txoj hauj lwm; Sab laug: 0; Ntawd yog, nyob rau hauv nws qhov chaw qub.