CSS Hnízdění bylo vždy obdélníkové. Jakékoliv plovoucí čáry jsou kompetencí developera. Pravidla stylu poskytují dostatečné variace, aby se v rámci rozlišení obrazovky zobrazily hladké formuláře. Ale jakýkoli prvek uspořádání je vždy obdélník, ve kterém je uspořádání informací řízeno pravidly CSS.
Odlety ze všech stran jsou důležité pro každý prvek stránky, když je zcela umístěn, a odsazení CSS zhora je definováno zejména proto, že záleží na různých prvcích, zejména na malých.
Základní pravidla pro určování polohy
Blokový prvek má pravidlo ústupu ze stran okrajového prvku, pravidlo odsazení prvků uvnitř (polstrování) a šířka okraje, které lze také použít. Zvláštní význam má ústup shora. CSS uvnitř bloku váže pravidla odsazení pravidel na absolutně a relativně umístěné prvky uvnitř tohoto bloku.
Obvyklé pravidlo CSS: Můžete zadat odsazení ze všech stran stejným způsobem, páry nad /pod a vpravo /vlevo nebo pro každou stranu zvlášť. Například
okraj: 10px;
polstrování: 10px20px;
polstrování: 10px20px30px40px.
V prvním případě je tento prvek opakován ze stran vnějšího kontejneru, ve kterém je umístěn. Ve druhém případě je odsazení v horní a spodní části 10px, vlevo a vpravo 20px. Ve třetím případě jsou velikosti odrážky označeny na všech stranách: horní, pravá, dolní a levá. Ve všech těchtopřípadů, CSS nejvyšší vrstva je 10 px.
Pravidla, která mění pozici prvků
Pokud element rozložení není absolutně umístěn, nachází se v obecném pořadí formování stránky.
Pokud definujete odsazení CSS z prvku scCurrInfo, cíl bude dosažen a pokud je na úrovni li - no.
V tomto příkladu použití pravidla vycpávky: 40px; vyžaduje odpovídající snížení šířky a výšky pravidel o 80 pixelů. V opačném případě se velikost bloku scCurrInfo vyšplhá mimo vnější část bloku.
Pokud odstraníme pravidlo vycpávky z popisu scCurrInfo, ale do popisu stylu položky seznamu přidáme hodnotu 20px, získáme pouze odrážku od horní části. CSS tuto hodnotu nepoužije jiným stranám. Samozřejmě, takové použití pravidla ústupu se vztahuje na každý prvek li.
Obecná praxe formátování obsahu
Někteří vývojáři dosahují dokonalosti tím, že přeměňují stránky na blokové prvky. Zjevně je to klasická praxe - začněte s tabulkami a dokončete svůj vlastní vzdělávací proces na blocích.
Svoboda spočívající v rozložení bloku je fascinující a představivost vývojáře nemusí být omezena na přísná tabulková pravidla: pouze řádky, pouze buňky, se slučují pouze horizontálně a vertikálně. Nothing inherent in relational nápady. Mezitím v tabulce kromě zjevných nedostatků existuje mnoho kvalitativních výhod. Při vytváření odsazení z výše uvedeného CSS bere v úvahu vpichy vlevo, vpravo (níže je zvláštní okamžik). Pravidla buněk tabulky umožňují ovládat zarovnání jak vertikálně, tak i horizontálně.Použití styl série, který kombinuje jejich styly buňky mohou tvořit komplexní zastoupení obsahu. je obvyklá prezentace strana ve formě obdélníků (blok kódování), nebrání to ve formě tabulky. Je také obdélníky, ale jsou také buňky tabulky, které mají své vlastní zásady, které doplňují pravidlo bloky.
Absolutní polohování
Blok s pravidlem POZICE: absolutní; bude v místě nastaveném souřadnicemi ve vztahu k bloku, ve kterém je umístěn.
Charakteristickým rysem pravidel CSS - „practice - nejlepší kritériem pravdy“ ve většině případů, a to zejména, pokud chcete cross-browser kompatibilitu a rozložení ručně, většinou plné studijní příručky s kaskádovými styly. Použití tabulek často vede k problému posunu obsahu buněk. Podobná odchylka uvnitř bloku není vždy a ne všechny prvky. Při experimentování můžete dosáhnout požadovaného výsledku. Triviální problém: jak odstranit prostor seshora, CSS nemusí vždy vyřešit triviální cestu. V některých případech, kdy stroje mají prvky stránky v útrobách nějakého oblíbeného systému pro správu obsahu, je třeba věnovat pozornost nejen na experimentální praxe, ale také vidět zkušenost kolegy.
