Curso de Introducción a CSS3

En este curso online haremos una introducción a las hojas de estilo en cascada, CSS (siglas en inglés de Cascading Style Sheets), CSS3. Ademas, Ilustra como son los diseños, su uso es tan sencillo como acceder a los ejemplos y ejercicios, buscar el que mejor se adapta a nuestros intereses, estudiarlo y seleccionarlo para obtener el código listo para pegar en nuestra sitio web.

Las hojas de estilos aparecieron poco después que el lenguaje de etiquetas SGML, alrededor del año 1970. Desde la creación de SGML, se observó la necesidad de definir un mecanismo que permitiera aplicar de forma consistente diferentes estilos a los documentos electrónicos.

El gran impulso de los lenguajes de hojas de estilos se produjo con el boom de Internet y el crecimiento exponencial del lenguaje HTML para la creación de documentos electrónicos. La guerra de navegadores y la falta de un estándar para la definición de los estilos dificultaban la creación de documentos con la misma apariencia en diferentes navegadores.

El organismo W3C (World Wide Web Consortium), encargado de crear todos los estándares relacionados con la web, propuso la creación de un lenguaje de hojas de estilos específico para el lenguaje HTML y se presentaron nueve propuestas. Las dos propuestas que se tuvieron en cuenta fueron la CHSS (Cascading HTML Style Sheets) y la SSP (Stream-based Style Sheet Proposal).

Una guía para principiantes

POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 1. Introducción

1.2. Breve historia de CSS
1.3. Soporte de CSS en los navegadores
1.4. Especificación oficial
1.5. Funcionamiento básico de CSS
1.6. Cómo incluir CSS en un documento XHTML
1.7. Glosario básico
1.8. Medios CSS
1.9. Comentarios
1.10. Sintaxis de la definición de cada propiedad CSS
POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 2. Selectores

2.1. Selectores básicos
2.2. Selectores avanzados
2.3. Agrupación de reglas
2.4. Herencia
2.5. Colisiones de estilos
POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 3. Unidades de medida y colores

3.1. Unidades de medida
3.2. Colores
POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 4. Modelo de cajas

4.1. Anchura y altura
4.2. Margen y relleno
4.3. Bordes
4.4. Margen, relleno, bordes y modelo de cajas
4.5. Fondos
POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 5. Posicionamiento y visualización

5.1. Tipos de elementos
5.2. Posicionamiento
5.3. Posicionamiento normal
5.4. Posicionamiento relativo
5.5. Posicionamiento absoluto
5.6. Posicionamiento fijo
5.7. Posicionamiento flotante
5.8. Visualización
POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 6. Texto

6.2. Texto
POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 7. Enlaces

7.2. Estilos avanzados
POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 8. Imágenes

8.2. Estilos avanzados
POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 9. Listas

9.2. Estilos avanzados
POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 10. Tablas

10.2. Estilos avanzados
POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 11. Formularios

11.2. Estilos avanzados
POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 12. Layout

12.1. Centrar una página horizontalmente
12.2. Centrar una página verticalmente
12.3. Estructura o layout
12.4. Alturas/anchuras máximas y mínimas
12.5. Estilos avanzados
POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 13. Otros

13.2. Versión para imprimir
13.3. Personalizar el cursor
13.4. Hacks y filtros
13.5. Prioridad de las declaraciones CSS
13.6. Validador
13.7. Recomendaciones generales sobre CSS
POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 14. Recursos útiles

14.1. Extensiones de Firefox
14.2. Aplicaciones web
14.3. Sitios web de inspiración
14.4. Referencias y colecciones de recursos
POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 15. Ejercicios

15.2. Ejercicio 2
15.3. Ejercicio 3
15.4. Ejercicio 4
15.5. Ejercicio 5
15.6. Ejercicio 6
15.7. Ejercicio 7
15.8. Ejercicio 8
15.9. Ejercicio 9
15.10. Ejercicio 10
15.11. Ejercicio 11
15.12. Ejercicio 12
15.13. Ejercicio 13
POR: Tutoriales En Linea
1-2 Dias Diseño Web

Capítulo 16. Ejercicios resueltos

16.1. Solución ejercicio 1
16.2. Solución ejercicio 2
16.3. Solución ejercicio 3
16.4. Solución ejercicio 4
16.5. Solución ejercicio 5
16.6. Solución ejercicio 6
16.7. Solución ejercicio 7
16.8. Solución ejercicio 8
16.9. Solución ejercicio 9
16.10. Solución ejercicio 10
16.11. Solución ejercicio 11
16.12. Solución ejercicio 12
16.13. Solución ejercicio 13

Opiniones del curso: