Top Carytown CSS: Contents plase

te Layout CSS te toujou rektangilè. Nenpòt liy lis - konpetans nan pwomotè la. règ Style bay opsyon ase yo bay fòm paj lis nan rezolisyon an ekran. Men, nenpòt eleman Layout - li se toujou yon rektang nan ki se enfòmasyon ki kote reji pa règleman yo nan CSS.

Ranbouraj sou tout kote yo enpòtan pou chak eleman nan paj an lè li se absoliman positionné, epi li se Marge nan tèt detèmine pa CSS espesyalman paske li enpòtan pou eleman sa yo divès kalite, patikilyèman pi ba-ka.

règ pwezante de baz

Manm nan blòk gen yon jeneralman vire do bay kote sa yo nan eleman an, ki se (Marge), jeneralman mark pou eleman ki anndan li (kouvèti) ak lajè a nan ankadreman (fwontyè a), ki kapab tou gen pou itilize.

Ki gen enpòtans patikilye se Marge nan tèt. CSS règ andedan inite a konekte règleman yo padding entèn absoliman ak relativman positionné eleman nan ki blòk.

Yon moun ki pratike abityèl yo CSS-règ: ou ka presize marges yo sou tout kote egal-ego, an pè tèt / anba ak bò gòch / dwat oswa nan chak bò separeman. Pou egzanp,

• Marge: 10px;
• padding: 10px20px;
• padding: 10px20px30px40px.

Nan manm nan ka premye se enstale konpanse soti nan kote sa yo nan veso a eksteryè, nan ki li la chita. Nan ka nan dezyèm marges yo tèt ak anba yo 10px, kite la ak dwa - 20px. Nan ka a twazyèm, dimansyon yo nan padding sou tout kote: tèt, dwa, anba ak kite.

Nan tout ka sa yo, CSS la Marge tèt se 10 px.

Règ ki chanje pozisyon nan eleman

Si eleman nan Layout pa absoliman positionné, li se nan paj an fòm lòd jeneral.

Si nou defini se Marge nan tèt nan eleman nan CSS scCurrInfo reyalize, epi si nan nivo a Li - pa gen okenn.

Nan egzanp sa a, itilize nan règ padding: 40px; Li mande règ bon jan diminye lajè a ak wotè 80px. Sinon scCurrInfo blòk gwosè vin soti pi lwen pase apatman an ekstèn.

Si ou retire kouvèti a soti nan règ la deskripsyon scCurrInfo, men li ajoute l 'ak yon valè de 20px nan deskripsyon an nan style la lis atik, se sèlman Marge nan tèt. CSS pa aplike sa a valè a lòt pati yo.

Natirèlman, tankou yon pou sèvi ak règ dekoupaj aplike nan chak Li eleman.

Jeneral pratik kontni fòma

Gen kèk devlopè rive nan pèfeksyon, mil ak yon paj mwatye bloke eleman. Aparamman, sa a se yon pratik klasik - kòmanse avèk tab ak fini pwosesis pwòp yo edikasyon sou blòk yo.

libète a nannan nan Layout a blòk, fasinan, ak pwomotè a nan imajinasyon a pa ka limite a sa sèlman règleman yo strik tabulaire sèlman Hang sèlman selilè fizyon sèlman orizontal ak vètikal. Pa gen anyen nannan lide relasyon.

Pandan se tan, tab, apa de dezavantaj yo evidan, gen anpil avantaj kalitatif. Kreye yon dekoupaj sou tèt, CSS pèmèt pou padding sou bò gòch la, sou bò dwat la (anba nan fon an - sa a se yon moman espesyal). Règ pèmèt ou kontwole selil yo tab ki aliyen tou de vètikal ak orizontal. Lè l sèvi avèk Styles seri, konbine yo ak estil yo nan selil ka fòme prezantasyon konplèks nan kontni.

Abitye reprezantasyon nan yon paj nan fòm lan nan rektang (Layout blòk) pa anpeche l 'nan yon tab. Sa a se tou yon rektang, men yo yo tou se yon selil tab, ki se yo, yo gen pwòp règleman li yo konplemante règleman yo nan blòk yo.

absoli pwezante

; Règ blòk POZISYON: absoli; Li pral chita nan plas la deziyen pa kowòdone li yo relatif nan blòk la nan ki li la chita.

Yon prezante karakteristik nan règ CSS - "pratik - kritè ki pi bon an verite" nan pifò ka yo, espesyalman ki kote konpatibilite kwa-navigatè ak Layout fè manyèlman, de preferans segondè-klas manuels etid pou Dra Mélanger Style.

Lè l sèvi avèk tab souvan mennen nan selil pwoblèm sa patipri. Yon chanjman menm jan an nan blòk la afekte pa toujou epi yo pa pou tout bagay. Pa fè eksperyans, ou kapab reyalize rezilta a vle. Trivial travay: Ki jan yo retire Marge nan tèt, CSS pa toujou rezoud yon fason trivial.

Nan kèk ka, lè sa nesesè li enpoze eleman yo paj nan enteryè a nan nenpòt ki nan sit wèb la popilè sistèm jesyon kontni, ou ta dwe toujou peye atansyon pa sèlman nan pratik eksperimantal, men tou, yo wè eksperyans nan kòlèg li.