grondbeginselen van CSS2 - Deel 4 Inleiding Dit is deel 4 van mijn reeks, Basis van CSS2. Elk HTML-element, zoals de DIV, Paragraaf en SPAN element, woont in een doos. In dit deel van de serie, kijken we naar de kenmerken van de doos en de bijbehorende functies. Opmerking: Als u de code niet kunt zien of als u denkt dat er iets ontbreekt (gebroken link afbeelding afwezig is, een deel van de code ontbreekt), neem dan contact met mij op [email protected]. Dat wil contact met mij op voor het geringste probleem dat je hebt over wat je aan het lezen bent.
The Box Het volgende diagram toont de doos: _______________________________________ | | | marge (transparant) | | _____________________________________ | | | | | | | border | | | | __________________________________ | | | | | | | | | | | padding | | | | | | _______________________________ | | | | | | | | | | | | | | | Inhoud | | | | | | | | _______________________________ | | | | | | | __________________________________ | | | | | ____________________________________ | | | _______________________________________ | | element breedte | | doos breedte | Het bovenstaande diagram is niet op schaal getekend.
Nu, elk element heeft een inhoudelijke kern omgeven met optionele opvulling, rand en marge gebied. Dus sommige elementen kunnen grenzen hebben, terwijl anderen niet. Sommige elementen kunnen opvullen, terwijl anderen niet. Sommige elementen kunnen marges hebben terwijl anderen niet. De inhoud is wat je ziet. Bij sommige elementen zie je de grens. De rechthoekige strook tussen de inhoud en de grens is het padding gebied. De rand zelf is een rechthoekige strook. Rond de grens is de marge streep.
Als het element heeft een achtergrond kleur of afbeelding, zie je de kleur of afbeelding in het padding gebied. Je mag niet de achtergrondkleur of afbeelding zien door de inhoud gedeelte, tenzij de inhoud gedeelte heeft transparante delen. De grens (streep) indien aanwezig zou normaal een kleur. De marge streep is altijd transparant en je kunt zien door het naar de achtergrond (kleur of afbeelding) van de HTML BODY element te zien, alles gelijk. De breedte van het element is de breedte van het inhoudsgebied. De hoogte van het element is de hoogte van de inhoud gebied.
U kunt CSS-eigenschappen gebruiken om de vulling en /of de grens en /of marge aanwezig of afwezig zijn voor het element te maken. Elk van deze drie dingen verhoogt effectief de elementen breedte en hoogte. U kunt CSS eigenschappen om het element (inh