CSS. Hojas de estilo

CSS. Hojas de estilo

18 de agosto 2009

CSS (Cascading Style Sheets), que podríamos traducir como hojas de estilo en cascada, es un lenguaje que se utiliza como complemento al HTML para establecer una separación real entre contenido y estilo. Esto quiere decir que con HTML nos preocuparemos en meter el contenido de la web (párrafos de texto, imágenes, enlaces, etc. ) y con CSS haremos que dicho contenido resulte atractivo (colores en los textos, tamaños, imágenes de fondo, etc.).

Haciendo esta separación entre lo que es contenido y lo que es el apartado gráfico conseguimos varias ventajas de las cuales, a groso modo, algunas de ellas intentaré detallar.

En primer lugar organización, ya que ambos aspectos están diferenciados, podremos modificar los estilos de una web sin tener que modificar nada directamente en las etiquetas HTML.

Por otro lado, ahora podrémos acceder a ciertas propiedades de las CSS con JavaScript a las que antes no teníamos acceso (o al menos era mucha más complejo modificar), así podemos hacer que la web sea estéticamente más dinámica.

Por último, al haber esta separación física entre HTML y CSS, desde algunos navegadores se puede personalizar los estilos (textos más grande o colores más llamativos) o simplemente desactivarlos. Esto es de gran utilidad para personas con deficiencias visuales, lo que hace que la web se más accesible.

El sistema de uso es sencillo. Dentro de las etiquetas de HTML se pone un marcador para poder localizarlo después las CSS, por ejemplo:

Aquí, la palabra estilo dentro de la etiqueta de párrafo, nos permite localizar la etiqueta a la que daremos estilo y luego desde la CSS le daremos el estilo (dándole color, tamaño, etc.), por ejemplo:

Por último os dejo un tutorial de WebEstilo sobre CSS para que le deis un vistazo si os interesa.

Publicado por Jesús Tovar

Categorías: CSS

Etiquetas: ,

Este sitio web utiliza cookies, si continúas navegando estás dando tu consentimiento. Consulta nuestra política de cookies y de privacidad.

ACEPTAR
Aviso de cookies