ASPTutor.com Tutorial de CSS

Demo Tienda Virtual Tutorcar

Navegacion->Inicio | Tutorial de CSS

La web de los recursos y ejemplos de asp

Tutorial elaborado por Jorge Luna Rivero
http://www.geocities.com/SiliconValley/Sector/5005
lunamatic@yahoo.com

PARTE I

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 <STYLE>.
4. Definiendo la apariencia de ciertos tags en una hoja de estilo.
5. El tag <SPAN> y sus usos.
6. El tag <DIV> 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.

Arriba

PARTE II

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.

Arriba

PARTE III

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.