Fundamentos de la CSS2 - Parte 4 Introducción Esta es la parte 4 de mi serie, Fundamentos de la CSS2. Cada elemento HTML como el DIV, párrafo y elemento SPAN, reside en una caja. En esta parte de la serie, nos fijamos en las características de la caja y características relacionadas. Nota: Si no puede ver el código o si cree que falta algo (enlace roto, la imagen ausente, parte del código que falta), simplemente en contacto conmigo en [email protected]. Es decir, en contacto conmigo para el más mínimo problema que tenga acerca de lo que está leyendo.
La Caja El siguiente diagrama muestra el cuadro: _______________________________________ | | | margen (transparente) | | _____________________________________ | | | | | | | frontera | | | | __________________________________ | | | | | | | | | | | padding | | | | | | _______________________________ | | | | | | | | | | | | | | | contenido | | | | | | | | _______________________________ | | | | | | | __________________________________ | | | | | ____________________________________ | | | _______________________________________ | | elemento de ancho | | Ancho de caja | El diagrama de arriba no está dibujada a escala.
Ahora, cada elemento tiene un área de contenido núcleo rodeado con relleno opcional, frontera y zona de margen. Así que algunos elementos pueden tener fronteras, mientras que otros no. Algunos elementos pueden tener el relleno, mientras que otros no. Algunos elementos pueden tener márgenes, mientras que otros no. El contenido es lo que ves. Con algunos elementos que se ve la frontera. La franja rectangular entre el contenido y la frontera es el área de relleno. La frontera en sí es también una franja rectangular. Alrededor de la frontera es la franja de margen.
Si el elemento tiene un color o imagen de fondo, que ver el color o la imagen en el área de relleno. Usted no puede ver el color o imagen de fondo a través de la parte de contenido, a menos que la parte de contenido tiene partes transparentes. La frontera (franja) si está presente normalmente tienen un color. La franja margen siempre es transparente y se puede ver a través de él para ver el fondo (color o imagen) del elemento BODY HTML, todo en igualdad de condiciones. La anchura del elemento es el ancho del área de contenido. La altura del elemento es la altura del área de contenido.
Puede utilizar las propiedades CSS para hacer el relleno y /o de la frontera y /o margen presente o ausente para el elemento. Cualquiera de estas tres cos