Daħla CSS Fuq: Kontenut Ranking

tqassim CSS dejjem kienet rettangolari. Kwalunkwe linji tajba - il-kompetenza tal-iżviluppatur. regoli Style jipprovdu għażliet biżżejjed biex jagħtu forma paġna lixxa fi ħdan ir-riżoluzzjoni iskrin. Iżda kwalunkwe element tqassim - huwa dejjem rettangolu li fih l-informazzjoni post hija rregolata mir-regoli ta CSS.

Ikkuttunar min-naħat kollha huma importanti għal kull element fuq il-paġna meta jkun assolutament pożizzjonat, u l-marġini ta 'fuq huwa determinat mill CSS speċjalment minħabba li huwa importanti għall-elementi varji, partikolarment żgħira.

regoli pożizzjonament bażiċi

Il-membru blokk għandu ġeneralment jitilqu mill-ġnub tal--element, li huwa (marġini), ġeneralment indentazzjoni għall-elementi ġewwa fih (ikkuttunar) u l-wisa 'tal-frame (fruntiera), li jista' jintuża wkoll.

Ta 'importanza partikolari hija l-marġni ta' fuq. regoli CSS ġewwa l-unità jgħaqqad ir-regoli interni ikkuttunar assolutament u relattivament mqiegħda elementi f'dak blokka.

Il-prattika tas-soltu ta 'regoli CSS: inti tista' tispeċifika l-marġini fuq naħat kollha b'mod ugwali, f'pari qiegħ top / u xellug / lemin jew lejn kull naħa separatament. Per eżempju,

• marġini: 10px;
• ikkuttunar: 10px20px;
• ikkuttunar: 10px20px30px40px.

Fl-ewwel membru każ jiġi installat ispostament mill-ġnub tal-kontenitur ta 'barra, li fihom ikun jinsab. Fit-tieni każ il-marġini fuq u isfel huma 10px, xellug u lemin - 20px. Fit-tielet każ, id-dimensjonijiet tal-kuxxinar-naħat kollha: quċċata, id-dritt, t'isfel u tax-xellug.

F'dawn il-każijiet kollha, il-CSS marġni quċċata hija 10 px.

Regoli li jibdlu l-pożizzjoni ta 'elementi

Jekk l-element tqassim ma jkunx assolutament pożizzjonat, huwa fil-forma paġna ordni ġenerali.

Jekk niddefinixxu l-marġni ta 'fuq fl-element CSS scCurrInfo jintlaħaq, u jekk fil-livell ta' LI - l-ebda.

F'dan l-eżempju, l-użu ta 'regoli ikkuttunar: 40px; Hija teħtieġ regoli adegwati jnaqqsu l-wisa 'u għoli għall 80px. Inkella scCurrInfo daqs blokk gets out lil hinn mill-unità esterna.

Jekk inti tneħħi l-ikkuttunar mir-regola deskrizzjoni scCurrInfo, iżda iżżidhiex b'valur ta 20px fid-deskrizzjoni tal-istil lista ta 'loġġetti, biss il-marġini ta' fuq. CSS ma tapplikax dan il-valur lill-partijiet oħra.

Naturalment, tali użu tar-regoli indentazzjoni japplikaw għal kull LI element.

prattika ġenerali ifformattjar kontenut

Xi iżviluppaturi tilħaq perfezzjoni, mili u paġni nofs blokk elementi. Apparentement, din hija prattika klassika - li jibda bl-mejda u finitura proċess edukattiv tagħhom stess fuq il-blokki.

Il-libertà inerenti fil-format blokk, mesmerizing, u l-iżviluppatur tal-immaġinazzjoni ma jistax ikun limitat għar-regoli tabulari stretti jikklassifika biss biss fużjoni ta 'ċelloli biss orizzontalment u vertikalment. Xejn ideat relazzjonali inerenti.

Sadanittant, it-tabelli, apparti mill-iżvantaġġi ovvji, hemm vantaġġi kwalitattivi ħafna. Ħolqien ta 'indentazzjoni fuq, CSS jippermetti ikkuttunar fuq ix-xellug, lejn il-lemin (mill-qiegħ - dan huwa mument speċjali). Regoli jippermettu li inti tikkontrolla l-ċelluli mejda allinjati kemm vertikalment kif ukoll orizzontalment. Bl-użu stili serje, jingħaqdu ma 'l-istili ta' ċelluli jistgħu jiffurmaw preżentazzjoni kumplessa ta 'kontenut.

rappreżentazzjoni abitwali ta 'paġna fil-forma ta' rettangoli (format blokk) ma jħallix li f'tabella. Dan huwa wkoll rettangolu, iżda huma wkoll ċellola tabella, jiġifieri, għandhom ir-regoli tagħhom stess li jissupplimentaw ir-regoli tal-blokki.

pożizzjonament assoluta

; Blokk Regola POŻIZZJONI: assoluta; Hija se tkun tinsab fil-post magħżul mill-koordinati tiegħu relattivi għall-blokk li fih ikun jinsab.

Fattur karatteristiku ta 'regoli CSS - "prattika - l-aħjar kriterju ta' verità" f'ħafna każijiet, speċjalment fejn kompatibilità cross-browser u tqassim isir manwalment, preferibbilment manwali ta 'studju ta' grad għoli għall Cascading Style Sheets.

Użu ta 'tabelli ta' spiss twassal għall-cell problemi kontenut bias. Bidla simili fil-blokk taffettwa mhux dejjem u mhux għall-partiti kollha. Billi jesperimentaw, inti tista 'tikseb ir-riżultat mixtieq. kompitu trivjali: kif tneħħi l-marġini ta 'fuq, CSS mhux dejjem issolvi mod trivjali.

F'xi każijiet, meta huwa meħtieġ li jiġu imposti l-elementi paġna fl-intern ta 'kwalunkwe popolari websajt sistema ta' ġestjoni kontenut, inti għandek xorta tagħti attenzjoni mhux biss għall-prattika sperimentali, iżda wkoll biex tara l-esperjenza tal-kollegi.