Veteasabertu

CSS. Hojas de estilo

18 de Agosto 2009

CSS. Hojas de estilo

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:

3 comentarios

Pingback

  1. […] las hojas de estilo también se usa apertura y cierre, pero cambiando las etiquetas (/* […]

  2. […] ahí el propósito de estandarizar el lenguaje). Un lenguaje que se utilizará conjuntamente con CSS a la hora de desarrollar un portal web. Cuando hablamos de lenguaje de etiquetas, nos referimos a […]

  3. […] un trozo de ese fondo en el punto y cantidad de píxeles exactos para que después, a través de CSS, se pueda repetir horizontal y verticalmente. De las dos, ésta es la mejor opción, ya que al […]

Deja un comentario

Este sitio web utiliza cookies para mejorar la experiencia de usuario, si continúas navegando estás dando tu consentimiento. Para más información pincha aquí.

ACEPTAR
Aviso de cookies