Tutorial CSS - Tabla de contenidos
- Introducción
Breve presentación del tutorial y qué puedes esperar aprender. - Lección 1: ¿Qué es CSS?
Algo de historia sobre el nacimiento de CSS y por qué es inteligente elegir CSS, y no HTML, para la presentación y el diseño. - Lección 2: ¿Cómo funciona CSS?
Aprende la sintaxis básica de CSS y cómo crear tu primera hoja de estilo. - Lección 3: Colores y fondos
Aprende a aplicar colores y colores de fondo a tu sitio web y a usar imágenes de fondo. - Lección 4: Fuentes
En esta lección aprenderás algo sobre las fuentes y cómo aplicarlas usando CSS. - Lección 5: Texto
En esta lección te presentaremos las sorprendentes oportunidades que ofrece CSS al añadir presentación al texto. - Lección 6: Enlaces
Cómo añadir efectos elegantes y útiles a los enlaces y cómo trabajar con las pseudoclases. - Lección 7: Identificación y agrupación de elementos (atributos
class
eid
)
Examinaremos cómo usar los atributosclass
eid
para especificar propiedades de los elementos seleccionados. - Lección 8: Agrupación de elementos (elementos
span
ydiv
)
Examinaremos el uso de los elementosspan
ydiv
, ya que estos dos elementos son de importancia central en lo que respecta a CSS. - Lección 9: El modelo de caja
El modelo de caja en CSS describe las cajas que se generan para los elementos HTML. - Lección 10: El modelo de caja - margen & padding (relleno)
Cambia la presentación de los elementos estableciendo las propiedadesmargin
ypadding
. - Lección 11: El modelo de caja - bordes
Aprende las infinitas opciones disponibles al usar bordes con CSS en tus páginas. - Lección 12: El modelo de caja - Altura y anchura
En esta lección, veremos lo fácil que es definir la altura (propiedadheight
) y la anchura (propiedadwidth
) de un elemento. - Lección 13: Elementos flotantes (propiedad
float
)
Todo elemento se puede hacer flotar a la derecha o a la izquierda con la propiedadfloat
. - Lección 14: Posicionamiento de elementos
Con Posicionamiento CSS, puedes colocar un elemento en el lugar exacto que quieras de tu página. - Lección 15: Capa sobre capa con la propiedad
z-index
(Capas)
En esta lección, aprenderemos cómo hacer que elementos diferentes se superpongan los unos a los otros usando capas. - Lección 16: Estándares web y validación
Esta última lección trata de los estándares del W3C y sobre cómo comprobar que el código CSS es correcto.