Curso de CSS
Dale estilo y vida a la web.
Aprende CSS con ejemplos interactivos y crea proyectos reales.
Toda regla CSS sigue la misma estructura: selector, llaves y declaraciones. Dominar esta sintaxis te evita el 90% de los errores comunes.
Explicación
Toda regla CSS se compone de las mismas tres partes:
selector { }El selector indica a qué elemento(s) se aplica la regla; las llaves delimitan sus declaraciones.
propiedad: valor;Cada declaración tiene una propiedad, dos puntos, un valor y termina en punto y coma.
/* comentario */Los comentarios en CSS se escriben así y el navegador los ignora por completo.
Reto rápido
Agrega una tercera regla que le dé un color de fondo a los párrafos con la clase destacado.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
Indenta y organiza tus reglas: una por línea, una declaración por renglón. Te ahorrará muchos dolores de cabeza al depurar.
Dato extra
CSS ignora los espacios en blanco y saltos de línea extra, así que la indentación es solo por legibilidad para ti, no por el navegador.
Error común
Escribir dos puntos en vez de punto y coma al final de una declaración, o dejar una llave sin cerrar: el navegador puede ignorar toda la regla o las siguientes.
Siguiente paso
Con la sintaxis clara, es momento de aprender a seleccionar exactamente los elementos que quieres afectar.
Ir a la siguiente lección