Vinculación de estilo en base al dispositivo de salida.
Selectores
Introducción del capítuloIntroducción a los selectores CSS.
Tipos de SelectoresLos selectores nos ayudan a mantener el código ordenado. Aquí veremos qué tipos de selectores existen y cuándo utilizarlos.
HerenciaEjemplos para entender el uso y la aplicación de la herencia de las propiedades CSS.
Orden de lecturaCómo afecta la posición y el orden de lectura de las reglas CSS.
PesoEn base al peso de los selectores, podemos llevar a cabo la sobrescritura de las reglas.
Propiedades de elementos
Introducción del capítuloIntroducción a las propiedades de elementos.
DisplayMostrando los elementos de forma lineal o en bloque
Modelo de cajaControl del tamaño de una caja con las propiedades que afectan al modelo de caja: margin, border y padding.
PositionEntendiendo el posicionamiento y el flujo normal de los elementos.
Tipografía
Introducción del capítuloIntroducción a la tipografía, su uso en la maquetación web y los problemas con los que nos podemos encontrar.
PropiedadesUtilización de las propiedades tipográficas, como separación entre líneas o entre caracteres.
Reemplazar texto por imagenTécnicas accesibles de usos de tipografía no de sistema.
Color y gráficos de fondo
Introducción del capítuloIntroducción al uso del color y gráficos de fondo, a través de un paseo virtual por varios ejemplos de webs.
Colores en la webDiversas formas de aplicación de colores a los elementos.
Gráficos de fondoManeras de aplicar imágenes de fondo a los elementos.
Aplicación de color en las cabecerasAplicación práctica de las técnicas y usos de color e imagen a una cabecera.
Aplicación de color en párrafosAplicación práctica de las técnicas y usos de color e imagen a un párrafo.
Aplicación de color en linksAplicación práctica de las técnicas y usos de color e imagen a un link, incluyendo un efecto hover para el rollover.
Aplicación de color en listasTécnicas y usos de color e imagen aplicadas a las listas.
Aplicación general de color a un contenido completoCreación de contenido con varios elementos, cabecera, párrafo y link, aplicándoles color e imagen de fondo.
Elementos Float
Introducción del capítuloIntroducción a la propiedad Float y sus usos.
La propiedad FloatQué es y cómo se usa la propiedad Float aplicándola a imágenes y bloques de maquetación.
La propiedad ClearTécnicas de limpieza de elementos float, utilizando la propiedad Clear.
Composición de la página
Introducción del capítuloIntroducción a la composición de página.
Cabecera, contenido y pieCómo crear una estructura básica web, cabecera, contenido y web.
Tres columnasAplicación de estructuras complejas, las tres columnas.
Formularios
Introducción del capítuloIntroducción a los formularios
Formulario AccesibleTécnicas para crear formularios accesibles sin uso de tablas.
Ejemplo web: buscoAmigos
Carpetas del sitioEjercicio práctico buscoAmigos, creando la estructura del sitio y el documento html.
Página homeAplicación de la estructura a los contenidos de la página de inicio.
Estilos de composiciónCreación de estilo para la compasión, la estructura de los bloques de contenido .
Estilos globalesAplicación de estilos a los elementos globales: cabeceras, textos, enlaces, etc.
Contenedor y cabeceraAplicación estilos contenedor y cabecera.
Contenido y pieAplicación de estilos al contenido y pie.
Página de interiorAplicación de estilos a la página de interior.
Página de formularioDesarrollando la página de formulario de buscoAmigos.