Seminario CSS (Hojas De Estilo En Cascada)

Seminario CSS (Hojas De Estilo En Cascada)

Dreamweaver • CSS (Cascading Style Sheets)

Separa la estructura del diseño y obten control total de tu sitio, crea y actualiza al instante!

Introducción a las hojas de estilo.

1. Preguntas comunes antes de iniciar

2. Nuevos tags y atributos para manejar las hojas de estilo.

3. Creando una hoja de estilo dentro de un documento, el tag .

4. Definiendo la apariencia de ciertos tags en una hoja de estilo.

5. El tag y sus usos.

6. El tag y sus usos.

7. Definiendo estilos particulares.

8. Definiendo clases de estilos.

9. Definiendo estilos contextuales.

10. Definición de estilos directamente o "al vuelo", el atributo "style".

11. Definición de una hoja de estilo en un archivo externo.

12. Conclusión de este capítulo.

Algunas propiedades para definir estilos.

1. Introducción al formato a nivel de bloque.

1.1 Elementos de nivel bloque.

1.2 Elementos en linea.

1.3 Formato de los elementos a nivel bloque.

2. Propiedades para elementos a nivel de bloque.

2.1 Color de fondo.

2.2 Color del texto del bloque.

2.3 Tapiz de fondo.

2.4 Márgenes.

2.5 Margenes internos.

2.6 Ancho del bloque.

2.7 Alineación de un bloque.

2.8 La propiedad "clear".

2.9 Ancho de bordes.

2.A Color del borde.

2.B Estilo del borde.

2.C Ejemplo de uso de los atributos de bloque.

3.Propiedades de las fuentes.

3.1 Tipo de fuente.

3.2 Letra cursiva.

3.3 Peso de la fuente.

3.4 Tamaño de la fuente.

3.5 Ejemplo de los diversos atributos de las fuentes.

4. Propiedades para el texto.

4.1 Altura de un renglón "line-height".

4.2 Decoración del texto, la propiedad "text-decoration".

4.3 La propiedad "text-transform".

4.4 Alineación del texto, la propiedad "text-align".

4.5 Sangría de la primera linea, la propiedad "text-indent".

4.6 Ejemplo de las propiedades para estilos de texto.

5. Misceláneos.

5.1 Unidades.

5.2 Herencia.

5.3 Acerca de las recomendaciones CSS-1 y CSS-2.

6. Fin de este capítulo.

Colocación de bloques usando CSS.

1. Introducción al posicionamiento (o colocación) de bloques.

2. Tipos de posicionamiento.

2.1 Especificando la posición las propiedades "left" y "top".

2.2 Colocación absoluta.

2.3 Colocación relativa.

2.4 Combinaciones.

2.5 Altura y ancho de un bloque, las propiedades "width" y "height".

3. Control de ciertos aspectos de los bloques.

3.1 Orden de colocación, la propiedad "z-index".

3.2 Control del sobreflujo, la propiedad "overflow".

3.3 Visibilidad, la propiedad "visibility".

4. Ejemplos de las propiedades tratadas en este capítulo.

4.1 Ejemplo de Colocación absoluta.

4.2 Ejemplo de Colocación relativa.

4.3 Ejemplo del orden de colocación "z-index".

4.4 Ejemplo del manejo del sobreflujo.

5. Fin de este capítulo.

5.1 Puntos a recordar para la colocación de bloques.