Začátek stránky CSS: Umístění obsahu

Uspořádání CSS bylo vždy obdélníkové. Jakékoliv hladké linie jsou kompetencí developera. Pravidla stylu poskytují dostatek možností pro to, aby stránka byla v rozlišení obrazovky hladká. Ale jakýkoli prvek uspořádání je vždy obdélník, ve kterém je uspořádání informací regulováno pravidly CSS.

Odsazení na všech stranách je důležité pro každý prvek stránky, když je naprosto umístěno a okraj na vrcholu CSS je specificky definován, protože je důležitý pro různé prvky, zejména malé.

Základní pravidla určování polohy

Blokový prvek má pravidlo odsazení ze stran prvku, ve kterém je okraj umístěn, pravidlo odsazení pro prvky uvnitř (polstrování) a šířku okraje (okraje), které lze také použít.

Zvláštní význam má odsazení zhora. CSS v rámci bloku propojuje pravidla vnitřní odsazení s pravidly absolutně a relativně umístěných prvků v tomto bloku.

Obvyklá praxe pravidel CSS: Můžete zadat odsazení ze všech stran stejně, v párech nahoru / dolů a vpravo / vlevo nebo pro každou stranu zvlášť. Například,

• margin: 10px;
• polstrování: 10px20px;
• polstrování: 10px20px30px40px.

V prvním případě je prvek odsazen ze stran vnějšího kontejneru, ve kterém je umístěn. Ve druhém případě je polstrování v horní a spodní části 10px, levý a pravý okraj je 20px. Ve třetím případě jsou rozměry jednotlivých částí vyznačeny na všech stranách: shora, zprava, dolů a zleva.

Ve všech těchto případech je odsazení na vrcholu CSS je 10 px.

Pravidla, která mění pozici prvků

Není-li element rozvržení zcela umístěn, nachází se v obecném pořadí vytvoření stránky.

Pokud zjistímeodrážka nad CSS v prvek scCurrInfo bude cíl dosažen a pokud je na li úrovni, ne.

V tomto příkladu použijte pravidlo vycpávky: 40px; vyžaduje dostatečné snížení pravidel šířky a výšky na 80 pixelů. V opačném případě bude velikost bloku scCurrInfo mimo vnější blok.

Pokud odeberete pravidlo výplně z definice scCurrInfo, ale do popisu stylu položky seznamu přidáte hodnotu 20px, odsazení na. CSS tuto hodnotu nepoužije na jiné strany.

Je samozřejmé, že toto použití pravidla odsazení platí pro každý element li.

Obecná praxe formátování obsahu

Někteří vývojáři dosahují dokonalosti zadáním stránek s prvky bloku. Zdá se, že je to klasická praxe - začít od stolů a dokončit svůj vlastní vzdělávací proces na bloky.

Svoboda spočívající v rozložení bloků 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ě. Nic vrozených v relačních nápadech.

Mezitím tabulky kromě zřejmých nedostatků existují i ​​mnohé kvalitativní výhody. Oddělovatem od horní části, CSS bere v úvahu odsazení vlevo, vpravo (spodní je zvláštní moment). Pravidla tabulkových buněk umožňují ovládat zarovnání jak svisle, tak horizontálně. Pomocí stylu řádek, který je kombinuje se styly buňky, můžete vytvářet složité pohledy na obsah.

Náhodné zobrazení stránky ve formě obdélníků (rozložení bloku) nebrání tomu, aby byl předložen ve formě tabulky. Jsou to také obdélníky, ale jsou také buňkami stolu, to znamená, že mají vlastní pravidla, která doplňují pravidla bloků.

Absolutní umístění

Blokování s pravidlem POSITION:absolutní- bude umístěna v místě nastaveném svými souřadnicemi vzhledem k bloku, ve kterém je umístěn.

Charakteristická vlastnost pravidel CSS je "praxe je nejlepším kritériem pravdy" ve většině případů, zvláště když je požadována kompatibilita s více prohlížeči a rozvržení se provádí ručně, je lepší studovat plnohodnotné manuály pro kaskádové styly.

Použití tabulek často vede k problémům s posunem obsahu buněk. Podobný posun uvnitř bloku neovlivňuje vždy všechny prvky. Při experimentování můžete dosáhnout požadovaného výsledku. A triviální úkol: jakChcete-li odstranit odsazení z horní části stránky, CSS nemusí vždy být triviálně vyřešeno.

V některých případech, když musíte zadávat prvky stránky do hloubky libovolného populárního systému pro správu obsahu, je třeba věnovat pozornost nejen experimentálnímu výcviku, ale také zkušenostem s kolegy.