Estás aquí: mailxmail > Cursos de Informática > Programación > CSS práctico > Estructura

CSS práctico

Autor: Ricardo Borillo
Curso:

4,36/5 (109 opiniones) |8212 alumnos|Fecha publicación: 10/09/2004

Capítulos del curso

0. Presentación
1. Introducción
2. Aspectos con los que CSS no se ha enfrentado en su primera especificación
3. El tag LINK
4. Hojas de estilos alternativas
5. La directiva @import
6. Reglas básicas
7. Agrupación de selectores y declaraciones
8. El atributo CLASS
9. Pseudo-Clases y Pseudo-Elementos
10. Estructura
11. Especificidad
12. Estilos en cascada
13. Colores
14. Indentación
15. Alineación
16. Espacios en blanco
17. Anchura de líneas
18. Alineación vertical
19. Espacio entre palabras
20. Transformaciones del texto
21. Decoración del texto

Capítulo 10:

Estructura

La estructura del documento es determinante para la forma en que CSS aplica los estilos al documento, sobre todo en torno a las relaciones entre padres e hijos.

Figura 4. Estructura

Estructura

El primer gran beneficio de este tipo de relaciones es el hecho de que podemos definir relaciones de contexto entre los elementos. Por ejemplo, si queremos definir que los EM que estén dentro de un H1 serán grises, podemos añadir un atributo CLASS a cada EM que esté dentro de un H1, o definir una regla como la siguiente:

H1 EM {color: gray;}

Herencia.- Es la propiedad por al cual un estilo no sólo se aplica a un elemento en concreto, sino que es heredado por sus descendientes y aplicado por estos:

H1 {color: gray;}
<H1>Meerkat <EM>Central</EM></H1>

Debemos tener en cuenta que no todas las propiedades se heredan. Existen una serie de razones (normalmente de sentido común) por las cuales algunas propiedades no se pueden heredar, por ejemplo la definición de bordes.

Capítulo siguiente - Especificidad

Capítulo anterior - Pseudo-Clases y Pseudo-Elementos

Hay 109 opiniones. Opina sobre este curso.

Sigue el curso por e-mail

Descarga el PDF gratis

Cursos similares a CSS práctico

	Cursos	Valoración	Alumnos	Vídeo
Tutorial de Netvibes Netvibes es un sitio online que intenta convertirse en la única página que necesitas. Te permite tener tus favoritos, documentos, archivos, emails, chats, fotos, videos, ... [04/05/07]			1.198
Las redes. Transmisión de datos (segunda parte) El presente es la segunda parte del curso sobre comunicación y transferencia de datos a través de redes. Ahora podrás ampliar tus conocimientos sobre la comunicación en r... [27/08/08]			1.676
Crear webs con Word 2000 Os traigo mi propia experiencia de creación de webs con Word 2000 a través de este Tutorial. Un tutorial sencillo que espero que os sirva. Este ha sido mi primer paso en ... [05/05/05]			5.421