CSS Hniezdenie bolo vždy obdĺžnikové. Akékoľvek plávajúce čiary sú kompetenciou vývojára. Pravidlá štýlu poskytujú dostatok variácií, aby sa v rámci rozlíšenia obrazovky vytvorili plynulé formuláre. Ale akýkoľvek prvok usporiadania je vždy obdĺžnik, v ktorom sa usporiadanie informácií riadi pravidlami CSS.
Odchýlky zo všetkých strán sú dôležité pre každý prvok stránky, keď je úplne umiestnený, a odsadenie CSS zhora je definované najmä preto, že je dôležité pre rôzne prvky, najmä malé.
základné pravidlá pre polohovanie
Blok prvok je zvyčajne ustúpiť od strany prvku, v ktorom je (marža), zvyčajne ustúpiť do prvkov v ňom (padding) a šírka rámu (okrajom), ktoré je možné použiť. Zvláštny význam má ústup zhora. CSS vo vnútri bloku viaže pravidlá odsadenia pravidiel na absolútne a relatívne umiestnené prvky vnútri tohto bloku.
Obvyklé pravidlo CSS: Môžete určiť odsadenia zo všetkých strán rovnakým spôsobom, páry nad /pod a pravá /ľavá alebo pre každú stranu samostatne. Napríklad
okraj: 10px;
polstrovanie: 10px20px;
polstrovanie: 10px20px30px40px.
V prvom prípade sa prvok zopakuje zo strán vonkajšej nádoby, v ktorej je umiestnený. V druhom prípade je odsadenie v hornej a dolnej časti 10px, vľavo a vpravo 20px. V treťom prípade sú veľkosti odsadenia označené na všetkých stranách: horná, pravá, spodná a ľavá. Vo všetkých týchtoprípady CSS na najvyššej úrovni sú 10 px.
Pravidlá, ktoré menia pozíciu prvkov
Ak prvok rozloženia nie je úplne umiestnený, nachádza sa v celkovom poradí vytvorenia stránky.
Ak definujete zarážku CSS z prvku scCurrInfo, cieľ sa dosiahne a ak je na úrovni li - no.
V tomto príklade je použitie pravidla vycpávky: 40px; vyžaduje primerané zníženie pravidiel šírky a výšky o 80 pixlov. V opačnom prípade bude veľkosť bloku scCurrInfo vyšplhať mimo vonkajšej časti bloku.
Ak odstránime pravidlo výplne z popisu scCurrInfo, ale do popisu štýlu položky zoznamu pridáme hodnotu 20 pixlov, získame iba odrážku zhora. CSS túto hodnotu nebude používať na iné strany. Samozrejme, takéto používanie pravidla ústupu sa vzťahuje na každý prvok li.
Všeobecné praktické formátovanie obsahu
Niektorí vývojári dosahujú dokonalosť tým, že otáčajú stránky do blokových prvkov. Zdá sa, že ide o klasickú prax - začnite tabuľkami a dokončite svoj vlastný vzdelávací proces na blokoch.
Sloboda vlastná blokovému usporiadaniu je fascinujúca a predstavivosť vývojára nemusí byť obmedzená na prísne tabuľkové pravidlá: iba riadky, iba bunky, sa spájajú iba horizontálne a vertikálne. Nič inherentné v relačných nápadoch. Medzitým v tabuľke okrem zjavných nedostatkov existuje mnoho kvalitatívnych výhod. Pri vytváraní odsadení zhora zohľadňuje CSS vresy vľavo, vpravo (nižšie je špeciálny moment). Pravidlá tabuľkových buniek umožňujú ovládať zarovnanie ako vertikálne, tak aj horizontálne.Pomocou štýlov riadkov, ktoré ich kombinujú so štýlmi buniek, môžete vytvárať komplexné prezentácie obsahu. Zvyčajná prezentácia stránky vo forme obdĺžnikov (rozloženie blokov) nebráni tomu, aby sa prezentovala ako tabuľka. Sú to aj obdĺžniky, ale sú to bunky tabuľky, to znamená, že majú svoje vlastné pravidlá, ktoré dopĺňajú pravidlá blokov.
Absolútne polohovanie
Blok s pravidlom POZÍCIA: absolútna; bude v mieste určenom jeho súradnicami vo vzťahu k bloku, v ktorom je umiestnený.
Charakteristická vlastnosť pravidiel CSS je vo väčšine prípadov "prax - najlepšia skúška pravdy", najmä ak je potrebné krížové prehliadanie a rozloženie sa vykonáva manuálne, hlavne štúdium kompletného manuálu s kaskádovými štýlmi. Použitie tabuliek často vedie k problému posunutie obsahu buniek. Podobná odchýlka vo vnútri bloku nie vždy a nie všetky prvky. Ak experimentujete, môžete dosiahnuť požadovaný výsledok. Trojitá úloha: ako odstrániť odsadenie zhora, CSS nie vždy rieši triviálne. V niektorých prípadoch, keď musíte vykresľovať prvky stránky v hĺbke nejakej populárnej webovej stránky pre správu obsahu, musíte venovať pozornosť nielen experimentálnej praxi, ale aj skúsenosti s kolegami.
