CSS - BÁSICO - ONLINE - EN LÍNEA

Temario del Curso de CSS Básico

1. Antes de empezar a trabajar con CSS 

• ¿Qué es CSS?
• Ventajas de CSS
• Soporte de CSS en los navegadores
• Uso de CSS
• CSS y XHTML
• Incluir CSS en elementos XHTML
• Incluir CSS en el documento XHTML
• Definir CSS en un archivo externo
• Sintaxis
• Sintaxis: selector y declaración
• Sintaxis: propiedades 

2. Selectores 

• Selectores básicos
• Introducción a los selectores básicos
• Selector de tipos
• Selector universal
• Selector de clase
• Selector ID
• Selectores descendentes
• Selectores avanzados
• Introducción a los selectores avanzados
• Selectores de hijos
• Selectores de hermanos adyacentes
• Selector de atributos
• Selectores combinados
• ¿Para qué y cómo combinar selectores? 

3. Pseudo-Clases y Pseudo-Elementos 

• Introducción a las pseudo-clases y los pseudo-elementos
• ¿En qué consisten y cuáles son sus características?
• Pseudo-clases
• Sintaxis de las pseudo-clases
• La pseudo-clase :first-child
• Las pseudo-clases vinculo :link y :visited
• Las pseudo-clases dinámicas :hover, :active y :focus
• Las pseudo-clase de lenguaje :lang
• Pseudo-elementos
• Sintaxis de los pseudo-elementos
• El pseudo-elemento :first-line
• El pseudo-elemento :first-letter
• Los pseudo-elementos :before y :after 

4. Herencia y Cascada 

• Herencia
• Concepto de herencia
• Cómo adaptar la herencia a nuestras necesidades
• Cascada
• Orden de la cascada
• La declaración !important
• Selección según el medio
• Selección según el autor
• Selección por especifidad
• Selección por orden de aparición 

5. Unidades de Medida o Longitud en CSS 

• Unidades de medida. ¿Cuáles son?
• Aspectos generales
• Unidades de medida absolutas
• Unidades de medida relativas
• Porcentajes
• Elegir la unidad de medida más apropiada
• ¿Qué unidades de medida son más recomendables? 

6. Propiedades de Aspecto 

• Colores y fondo
• ¿Cómo especificar los colores en CSS?
• Propiedad color
• Propiedades del fondo
• Fuentes
• Familias de fuentes
• Medidas de las fuentes
• Texto
• Propiedades del texto
• Listas
• Propiedades de las listas
• Otras propiedades
• Propiedades avanzadas 

7. Modelo de Caja: Bordes, Márgenes, Relleno 

• Modelo de caja
• Estructura de la caja
• Propiedades de los márgenes
• Propiedades del relleno
• Propiedades de los bordes 

8. El Modelo Lenguaje Visual 

• El modelo formato visual
• Modelo formato visual: ¿en qué consiste?
• Dimensiones de los elementos
• Ancho del contenido: width, min-width y max-width
• Altura del contenido: height, min-height y max-height
• Altura de línea: line-height y vertical-align
• Efectos visuales
• Introducción
• Desbordamiento y recorte: overflow y clip
• Visibilidad: visibility
• Elementos a nivel de línea y a nivel de bloque
• Aclaración conceptual
• Propiedad display
• Esquemas de posicionamiento
• Tipos de posicionamiento y propiedad position
• Desplazamiento de las cajas
• Posicionamiento flotante: float y clear
• Posicionamientos relativo, absoluto y fijo
• Relaciones entre propiedades
• Relación entre display, position y float
• Presentación por capas
• Presentación por capas y z-index 

9. Tablas 

• Tablas: introducción
• Introducción
• Propiedades de las tablas
• Propiedad caption-side
• Propiedad table-layout
• Propiedad border-collapse
• Propiedad border-spacing
• Propiedad empty-cells