Guía básica de CSS

11-11-2023

Cascading Style Sheets (CSS) son las hojas de estilo en cascada utilizadas para dar formato a documentos. Estas permiten personalizar la apariencia de los elementos a través de reglas de estilo que contienen selectores y propiedades.

Los selectores en CSS indican qué elementos recibirán las propiedades establecidas. CSS sigue el principio de cascada, lo que significa que las reglas más específicas tienen prioridad sobre las más generales. Además, los estilos se heredan de los elementos padres a los elementos hijos.

Para aplicar hojas de estilo externas en un documento HTML, se utiliza la etiqueta <link> en la sección head del documento. En el siguiente ejemplo, aplicamos la hoja de estilos llamada “style.css”:

<link rel="stylesheet" href="style.css">

Para escribir un selector, frecuentemente se utiliza una etiqueta HTML, y entre llaves, las propiedades de estilo que se desean añadir. En el siguiente ejemplo, se está estableciendo el estilo para todos los párrafos del documento:

p {
	color: #111;
	font-size: 16px;
	font-family: sans-serif;
	line-height: 1.7;
	margin-bottom: 1em;
}