Introducción
- Bienvenida
- Uso de los archivos de ejemplo
Conceptos fundamentales de CSS
- Qué es CSS?
- Características de CSS
- Herencia
- Diferencias entre navegadores
- Ubicación del CSS
- Ubicación del CSS 2
- Sintaxis CSS
- Editores de código
Selectores CSS
- Qué son los selectores?
- Tag selectors
- Class selectors
- ID Selectors
- Otros selectores
- Descended selectors
- Especificar selectores
- Agrupar selectores
- Recomendaciones
Box model o Modelo de caja en CSS
- Box model o modelo de caja
- Definir tamaños en CSS
- Definir tamaños en CSS 2
- Margin y padding
- Bordes o contornos con CSS
- Fondos o backgrounds con CSS
Layouts o estructuras básicas
- Propiedad position
- Propiedad position en la práctica
- Propiedad z-index
- Propiedad clear
- Uso de los valores relative y absolute
- Ejemplos prácticos de layouts
- Uso del valor auto en la propiedad overflow
Dar formato al texto con CSS
- Sintaxis de propiedades CSS para formatear texto
- font-family y font-size
- Mas propiedades
- Shorthand notation
- Otras propiedades
Trabajar con color
- Propiedades para color y keywords
- Notación hexadecimal
- Propiedades para color y notación hexadecimal en la práctica
- Notación en RGB
- Notación en keywords y RGB en la práctica
- Herramientas de ayuda
Taller práctico
- Que vamos a hacer?
- Interfaz de Dreamweaver
- Crear y enlazar hojas de estilo CSS
- Regla body
- Regla #contenedor
- Formato para el contenido
- Continuación del formato para el contenido
- Formatear el lateral
- Formatear el footer
- Formatear el menú de navegación
- Ajustes de la página promociones y creación de hoja de estilos para formulario
- Formato al formulario de contacto
Finalización
- Despedida
