Grunderna i CSS2 - Del 4 Introduktion Detta är en del 4 av min serie, Grunderna i CSS2. Varje HTML-element såsom DIV, punkt och SPAN element, bosatt i en låda. I denna del av serien, tittar vi på egenskaper hos lådan och relaterade funktioner. Obs: Om du inte kan se koden, eller om du tror att något saknas (bruten länk, bild frånvarande del av kod saknas), bara att kontakta mig på [email protected]. Det vill säga, kontakta mig för minsta problem du har om vad du läser.
The Box Nedanstående diagram visar rutan: _______________________________________ | | | marginal (genomskinlig) | | _____________________________________ | | | | | | | gränsen | | | | __________________________________ | | | | | | | | | | | stoppning | | | | | | _______________________________ | | | | | | | | | | | | | | | innehåll | | | | | | | | _______________________________ | | | | | | | __________________________________ | | | | | ____________________________________ | | | _______________________________________ | | elementet bredd | | låda bredd | Diagrammet ovan är inte ritade i skala.
Nu har varje element ett kärninnehåll område omgivet med extra stoppning, gränsen och marginalen området. Så vissa delar kan ha gränser, medan andra inte. Vissa delar kan ha stoppning medan andra inte. Vissa delar kan ha marginaler medan andra inte. Innehållet är vad du ser. Med vissa element ser du gränsen. Den rektangulära rand mellan innehållet och gränsen är utfyllnadsområdet. Gränsen i sig är också en rektangulär rand. Runt gränsen är marginalen rand. Om elementet har en bakgrundsfärg eller bild, ser du färg eller bild i utfyllnadsarean.
Du kanske inte ser bakgrundsfärgen eller bild igenom innehållet delen, om inte innehållet partiet har transparenta delar. Gränsen (rand) i förekommande fall skulle normalt ha en färg. Marginalen rand är alltid öppen och du kan se igenom den för att se bakgrunden (färg eller bild) av HTML BODY elementet, allt är lika. Bredden hos elementet är bredden på innehållsområdet. Höjden hos elementet är höjden på innehållsområdet. Du kan använda CSS-egenskaper för att göra stoppning och /eller gränsen och /eller marginal närvarande eller frånvarande för elementet.
Vilken som helst av dessa tre saker ökar effektivt element bredd och höjd. Du kan använda CSS-egenskaper för att ge elementet (innehållsområdet) en viss bredd och höjd. Det finns mer att måtten på innehållsområdet, stoppning, gränsen och marginal. Vi ska titta på det senare. Block-nivå och Inline-nivå HT