Hojas de Estilo CSS, parte 1

Imprimir

Las hojas de estilo en cascada (Cascading Style Sheets, CSS) es un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el encargado de formular la especificación de las hojas de estilo que servirán de estándar para los navegadores.

La idea es separar el contenido de un documento .html de su presentación.

La forma más usual de dar estilo a un documento es utilizar una hoja de estilo externa vinculada a un documento .html a través de la etiqueta <link> situada en la sección <head>.

Es decir, tenemos 2 archivos: uno con extensión .html donde colocamos el contenido y otro .css donde escribimos las reglas de estilo que afectarán al primer documento.

Un documento .CSS es un conjunto de Reglas de Estilo .CSS con las siguientes características:

  • Cada regla debe escribirse entre llaves { }.
  • Cada declaración termina en punto y coma ;
  • Y cada propiedad se separa de su valor por dos puntos :
  • Los selectores de clase comienzan con un punto . y en la página .html aparecen como class="nombre_selector"
  • Los selectores ID comienzan por el signo de almohadilla # y en la página .html aparecen como ID="nombre_selector"
  • La página Web enlaza el archivo .CSS de esta forma:

enlaces_css

reglas_p

Utilizando reglas de estilo .CSS podemos actuar sobre:

  • Los Tipos, tamaños y colores, alineación, espaciado,... de texto
  • La Visibilidad y posicionamiento de elementos.
  • Las propiedades de las listas, tablas, ...
  • Las propiedades de cualquier etiqueta .HTML
  • Los Márgenes, fondo y colores de zonas del documento,...
  • Y sobre las propiedades de Caja o cualquier tipo de contenedor.
  • etc...

El modelo de Cajas CSS

caja

endefensadeinternetEl exponente máximo de esta sociedad es Internet, red de redes por antonomasia y la causante de la planetización de la gente corriente. La creación del World Wide Web, en 1989 se debe a Tim Berners-Lee (2000), investigador del Laboratorio Europeo de Física de Partículas (CERN).

internet1

Durante ya bastantes años diseño y preparo una breve Web para mis alumnos de informática. Si aquí no aparece algo distinto de lo que ya se ha dicho espero que, al menos, consiga expresarlo de forma más clara. - Jesús Plaza.
─ El conocimiento es libre ─