Top insetsel CSS: Inhoud Ranking

CSS uitleg was nog altyd vierkantige was. Enige gladde lyne - die bevoegdheid van die ontwikkelaar. Styl reëls verskaf genoeg opsies om gladde bladsy vorm binne die skerm resolusie gee. Maar enige uitleg element - dit is altyd 'n reghoek in wat die inligting oor die ligging is, word deur die reëls van CSS.

Padding aan alle kante is belangrik vir elke element op die bladsy as dit absoluut geposisioneer, en die top marge word bepaal deur CSS veral omdat dit belangrik is vir die verskillende elemente, veral laer-geval.

Basiese posisionering reëls

Die blok lid het 'n algemeen vertrek uit die kante van die element, wat is (marge), oor die algemeen inkeping vir die elemente daarin (padding) en die breedte van die raam (grens), wat ook gebruik kan word.

Van besondere belang is die top marge. CSS reëls binne die eenheid verbind die interne reëls padding absoluut en relatief geposisioneer elemente binne daardie blok.

Die gewone praktyk van CSS-reëls: jy kan die rande aan alle kante ewe spesifiseer, in pare top / onderkant en links / regs of aan elke kant afsonderlik. Byvoorbeeld,

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

In die eerste geval lid geïnstalleer verreken uit die kante van die buitehouer waarin dit geleë is. In die tweede geval die boonste en onderste rande is 10px, links en regs - 20px. In die derde geval, die dimensies van padding aan alle kante: bo, regs, onder en regs.

In al hierdie gevalle is die top marge CSS is 10 px.

Reëls wat die posisie van elemente te verander

As die uitleg element nie absoluut is geposisioneer, dit is in die algemeen bestelvorm bladsy.

As ons definieer die top marge in die CSS scCurrInfo element word verkry, en as op die vlak van li - geen.

In hierdie voorbeeld is die gebruik van padding reëls: 40px; Dit vereis voldoende reëls die breedte en hoogte te verminder om 80px. Anders scCurrInfo blok grootte klim uit verby die eksterne eenheid.

As jy die padding van die beskrywing reël scCurrInfo verwyder, maar voeg dit met 'n waarde van 20px in die beskrywing van die lys item styl, net die top marge. CSS nie hierdie waarde van toepassing op die ander partye.

Natuurlik, so 'n gebruik van inkeping reëls geld vir elke element li.

Algemene praktyk inhoud opmaak

Sommige ontwikkelaars bereik perfeksie, myl en 'n half bladsye blok elemente. Blykbaar is dit 'n klassieke praktyk - begin met 'n tafel en eindig hul eie opvoedkundige proses op die blokke.

Die vryheid wat inherent in die blok uitleg, hypnotiserende, en die ontwikkelaar van die verbeelding kan nie beperk word tot die streng tabel reëls net geledere net sel samesmelting net horisontaal en vertikaal. Niks inherent relasionele idees.

Intussen, tafels, afgesien van die hand liggend nadele, daar is baie kwalitatiewe voordele. Die skep van 'n inkeping op die top, CSS maak voorsiening vir padding aan die linkerkant, om die reg (van onder af - dit is 'n spesiale oomblik). Reëls toelaat om die tafel selle beide vertikaal en horisontaal in lyn te beheer. Die gebruik van style reeks, en kombineer hulle met die style van selle kan komplekse aanbieding van inhoud te vorm.

Gewoontemisdadiger voorstelling van 'n bladsy in die vorm van reghoeke (blok uitleg) beteken dit nie voorkom in 'n tabel. Dit is ook 'n reghoek, maar hulle is ook 'n tafel sel, dit wil sê, het hul eie reëls aanvulling van die reëls van die blokke.

absolute posisionering

; Blok Reël POSISIE: absolute; Dit sal geleë wees in die deur sy koördinate relatief tot die blok waarin dit geleë is aangewese plek.

'N kenmerk van CSS reëls - "praktyk - die beste maatstaf van waarheid" in die meeste gevalle, veral waar kruis-leser verenigbaarheid en uitleg met die hand gedoen word, verkieslik 'n hoë-graad studie handleidings vir Cascading Style Sheets.

Die gebruik van tabelle dikwels lei tot inhoud vooroordeel probleme sel. 'N Soortgelyke verskuiwing in die blok raak nie altyd en nie vir alle items. Deur eksperimenteer, kan jy die gewenste resultaat te bereik. Triviale taak: hoe om die top marge verwyder, hoef CSS nie altyd op te los 'n triviale manier.

In sommige gevalle, wanneer dit nodig is om die bladsy elemente in die binneland van enige van die gewilde content management system webwerf te lê, jy moet nog aandag nie net om eksperimentele praktyk, maar ook om die ervaring van kollegas sien.