1.3 KiB
1.3 KiB
title | localeTitle |
---|---|
Introduction to CSS | Introducción a CSS |
Introducción a CSS
¿Qué es CSS?
Las hojas de estilo en cascada (CSS) describen cómo debería aparecer el html en una página.
Antes, los desarrolladores de CSS aplicarían estilos utilizando atributos o etiquetas especiales en cada nodo de una página. Esto hizo que el marcado sea repetitivo y propenso a errores.
CSS permite a los selectores describir cómo debe verse cada pieza de contenido coincidente.
body {
font-size: 15px;
}
a {
color: rebeccapurple;
text-decoration: underline;
}
Usando CSS
Las hojas de estilo externas permiten que muchas páginas compartan los mismos estilos.
<link href="styles.css" rel="stylesheet" type="text/css">
Las hojas de estilo internas aplican CSS a todas las etiquetas coincidentes en una página.
<style>
h1 {
font-family: sans-serif;
margin-bottom: 1.5em;
}
</style>
CSS en línea aplica estilos a una sola etiqueta.
<img src="..." style="border: 1px solid red;" />