CSS: Introducción al lenguaje
CSS, iniciales de Cascading Style Sheets (Hojas de estilo en cascada),
es un lenguaje que nos permitirá diseñar nuestra página web con mayor precisión.
Con CSS seremos capaces de dar un formato más exacto y dinámico.
Así, incluiremos márgenes o tipos de letra, modificaremos la forma de los enlaces,
personalizaremos los fondos o punteros del ratón, jugaremos con los colores de los elementos...
En un principio, el código CSS va dentro del código HTML, es decir,
todos nuestros códigos CSS irán escritos dentro de cada documento HTML.
No obstante, podemos realizar archivos CSS externos y luego enlazarlos desde la página HTML, consiguiendo
una mejor estructura en nuestro código y otras muchas ventajas, que puedes leer
aquí.
Si decidimos incluir el código CSS en el archivo HTML, dicho código tendrá que ir entre las etiquetas:
<style type="text/css">
</style>
La sintáxis para definir los estilos es muy simple:
utilizaremos un atributo seguido de dos puntos y de su valor,
separando cada atributo de otro con punto y coma. Ejemplo:
color:red; size:14pt; text-decoration:none;
Ahora, para aplicar esos atributos a un elemento, los pondremos entre llaves:
H1{color:red; size:14pt; text-decoration:none;}
Una medida interesante puede ser definir los estilos para todos los elementos de
nuestro sitio web en un archivo externo CSS. En otros artículos aprendemos a crear nuestras propias clases para definir estilos
de un párrafo en concreto, de un título, de una parte de texto... Si en algún momento algún estilo
no nos convence, lo podremos cambiar sin problemas, desde el archivo CSS, en lugar de tener que modificar,
por ejemplo, la propiedad color de la etiqueta <font>
Básicamente, hemos comentado todos los aspectos para comenzar en CSS con buen
pie. Como habrás podido ver, no es un lenguaje nada complicado y, con aprender varias cosillas y
conocer determinados atributos, tu web podrá ganar mucha personalidad, haciéndola más a tu gusto.
|