CSS es un lenguaje de hojas de estilo que se utiliza para describir la presentación de un documento escrito en HTML (o XML). Permite a los desarrolladores controlar el diseño, los colores, las fuentes y otros aspectos visuales de las páginas web.
Los selectores CSS se utilizan para "seleccionar" los elementos HTML a los que quieres aplicar estilo. Pueden ser por tipo de elemento (p, h1, por clase (mi-clase, por ID (mi-id), entre otros.
p { color: blue; }: Selecciona todos los párrafos.
.resaltado { background-color: yellow; }: Selecciona elementos con la clase "resaltado".
Una vez seleccionado un elemento, se le aplican propiedades (como color,font-size (tamaño de fuente),margin con sus respectivos valores (blue, 16px,10px).
p { color: #333; /* Color de texto */ font-family: Arial, sans-serif; /* Tipo de fuente */ margin-bottom: 1em; /* Margen inferior */ }Todos los elementos HTML pueden ser considerados como "cajas". El modelo de caja CSS describe cómo se visualizan estas cajas, incluyendo:
Margin: El espacio fuera del borde.
Border: El borde del elemento.
Padding: El espacio entre el contenido y el borde.
Content: El contenido real del elemento.
Hay tres formas principales de aplicar CSS a un documento HTML: