Övre indrag CSS: Innehåll Ranking

CSS layout har alltid varit rektangulära. Alla mjuka linjer - kompetensen hos utvecklaren. Stilregler ger tillräckligt med alternativ för att ge jämn sida form inom skärmupplösningen. Men någon layout inslag - det är alltid en rektangel där platsinformationen styrs av reglerna för CSS.

Stoppning på alla sidor är viktiga för varje element på sidan när den är absolut position, och den övre marginalen bestäms av CSS speciellt eftersom det är viktigt för de olika elementen, särskilt lägre-fallet.

Grundläggande positioneringsregler

Blockdelen har en allmänt avvika från sidorna av elementet, vilken är (marginal), i allmänhet inbuktning för elementen inuti den (stoppning) och bredden av ramen (gränsen), som också kan användas.

Av särskild betydelse är den övre marginalen. CSS regler inuti enheten förbinder de interna stoppnings regler absolut och relativt positionerade element inom detta block.

Gängse praxis av CSS-regler: du kan ange marginalerna på alla sidor lika, parvis upp / ned och vänster / höger eller på varje sida för sig. Till exempel,

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

I det första fallet delen är installerad förskjutet från sidorna av den yttre behållaren, i vilken den är belägen. I det andra fallet den övre och nedre marginaler 10px, vänster och höger - 20px. I det tredje fallet, dimensioner utfyllnad på alla sidor: topp, höger, botten och vänster.

I alla dessa fall är den övre marginalen CSS 10 px.

Regler som förändrar läget för elementen

Om layout elementet inte är absolut positionerat, är det i allmänhet beställningsformuläret sidan.

Om vi definierar den övre marginalen i CSS scCurrInfo elementet uppnås och om i nivå med li - nej.

I detta exempel användningen av stoppning regler: 40px; Det kräver tillräckliga regler minska bredden och höjden till 80px. Annars scCurrInfo blockstorlek kommer ut bortom den externa enheten.

Om du tar bort utfyllnaden från beskrivningen regeln scCurrInfo, men lägga till ett värde av 20px i beskrivningen av listobjektet stil, bara den övre marginalen. CSS gäller inte detta värde till de andra parterna.

Naturligtvis en sådan användning av indrag regler gäller för varje element li.

Allmän praxis innehåll formatering

Vissa utvecklare nå perfektion, och en halv mil sidor blockelement. Tydligen är detta en klassisk praktik - börjar med bord och avsluta sin egen utbildningsprocessen på blocken.

Friheten inneboende i blocket layout, fascinerande och utvecklaren av fantasi kan inte begränsas till de strikta tabell regler endast rankas endast cellfusion endast horisontellt och vertikalt. Ingenting inneboende relations idéer.

Samtidigt tabeller, bortsett från de uppenbara nackdelar, det finns många kvalitativa fördelar. Skapa en fördjupning på toppen, ger CSS för utfyllnad till vänster, till höger (från botten - det är ett speciellt ögonblick). Regler kan du kontrollera tabellceller linje både vertikalt och horisontellt. Med hjälp av stilar serien, kombinera dem med stilar av cellerna kan bilda komplex presentation av innehåll.

Vanliga representation av en sida i form av rektanglar (block layout) hindrar inte att det i en tabell. Detta är också en rektangel, men de är också en tabellcell, det vill säga har sina egna regler som kompletterar reglerna i blocken.

absolut placering

; Block Rule position: absolute; Den kommer att ligga på den plats som utsetts av dess koordinater i förhållande till det block i vilket den är belägen.

Kännetecknande för CSS-regler - "praxis - det bästa kriteriet för sanning" i de flesta fall, särskilt när kompatibilitet med olika webbläsare och layout görs manuellt, företrädesvis högvärdiga studie manualer för Cascading Style Sheets.

Använda tabeller ofta leder till cellinnehållet snedproblem. En liknande förändring i blocket påverkar inte alltid och inte för alla objekt. Genom att experimentera, kan du uppnå önskat resultat. Trivial uppgift: hur du tar bort den övre marginalen, inte CSS inte alltid lösa ett trivialt sätt.

I vissa fall, när det är nödvändigt att införa de sidelement i det inre av någon av de populära content management system webbplats, du bör ändå uppmärksamma inte bara experimentell praxis, men också att se upplevelsen av kollegor.