¿Qué son las hojas de estilo?
Son un lenguaje que nos permite definir la forma en que se muestra un documento html o xml.
Se componen de una serie de sentencias o reglas que le dicen al navegador de que forma debe mostrar un documento.
La idea que se buscó con el desarrollo de CSS fue la de separar la estructura de un documento de su presentación.
Las reglas de estilo se forman así:
selector { propiedad: valor; }
Pueden definirse múltiples declaraciones de estilo para un solo selector, siempre separándolas con punto y coma (;)
selector { propiedad1: valor1; propiedad2: valor2; }
Muchas veces, por un tema de comodidad se separan en renglones, pero esto ya es a gusto del consumidor ;)
selector {
propiedad1: valor1;
propiedad2: valor2;
propiedad3: valor3;
}
Hay 3 distintas formas de uso de las hojas de estilos:
- Hoja de estilos externa: es un archivo externo a nuestro documento html, de extensión .css en el cuál definimos las reglas de estilos y el cuál es llamado desde el documento html.
- Hoja de estilos interna: en este caso, las reglas de estilos van dentro del tag <head> del documento html.
- Estilos en línea: aquí lo que hacemos es incluir los estilos directamente dentro de la etiqueta html a la que deseamos aplicarle el estilo (esta forma es la menos adecuada y recomendable).
1 Trackback(s)