CSS

tag Desarrollo y programación

Son las siglas de Cascading Style Sheets, u hojas de estilo en cascada en español. Es un lenguaje para dar formato a documentos escritos en un lenguaje de marcado como HTML.

HTML es el lenguaje con el que se construyen las páginas web. Permite incluir textos, imágenes, listas, menús, etc. El CSS se aplica sobre el HTML para diseñar o modificar la representación de estos elementos, como pudiera ser cambiar un color de letra, el fondo, márgenes, alineados, entre otras muchos aspectos.

HTML se encarga de definir el contenido de una página, mientras que CSS define la presentación de esos contenidos en el navegador del usuario.

La relación entre HTML y CSS es muy fuerte, casi inseparables. En la construcción de cualquier web por sencilla que esa se usan estos dos lenguajes.

El CSS puede definirse en el propio documento HTML o bien en ficheros con extensión .css. Estos ficheros pueden ser incluidos al definir una página HTML para su aplicación.

Separar el formato del contenido, así como la posibilidad de incluir CSS mediante ficheros externos, permite presentar un mismo documento HTML de maneras distintas según el dispositivo usado (navegador convencional, lector Braille, navegador de voz, lector de pantalla…) e incluso el medio (si se va a enviar el documento HTML a una impresora, o a una pantalla, por ejemplo).

Funcionamiento de CSS

CSS se basa en una serie de reglas, consistentes en un selector o selectores, y un bloque de declaración. La idea es aplicar una serie de propiedades a aquellos elementos HTML concretos que queramos.

El selector sirve para referenciar a elementos del documento HTML. Existe una gran cantidad de selectores. Con ellos podemos hacer referencia a un enlace determinado o a todos ellos, a listas, párrafos, imágenes, contenedores, etc.

Existen las denominadas pseudoclases para hacer referencia a eventos (como pasar el ratón por encima de un enlace), y los pseudoelementos para hacer selecciones parciales, como por ejemplo la primera línea o letra de un párrafo, el primer elemento de una lista, el último, sólo los elementos pares o impares, etc.

Al visitar una página web, el navegador lee el documento HTML y todos los elementos que se incluyen, como los ficheros CSS. Antes de renderizar el contenido y mostrarlo en pantalla, aplicará las reglas CSS definidas para este medio concreto (pantalla) y resolución. De esta forma los contenidos se mostrarán con el aspecto que hayamos indicado en el CSS.


Si deseas ampliar información puedes visitar la Wikipedia.