Tecnologías de la Información y la Comunicación · 2º Bachillerato
Curso 2016/2017·  

Lenguaje CSS3

CSS3 Logo

CSS es un lenguaje utilizado para definir la presentación (aspecto visual) de un documento HTML o página web. La idea es separar el contenido o información de su presentación visual.

Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML/HTML5 para marcar los contenidos, es decir, para designar la función de cada elemento dentro de la página: párrafo, titular, texto destacado, tabla, lista, formulario, etc.

Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre elementos, posición de cada elemento dentro de la página, etc.

Separar los contenidos de su aspecto presenta numerosas ventajas, ya que obliga a crear documentos HTML bien definidos y con significado completo (también llamados "documentos semánticos"). Además, mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo documento en numerosos dispositivos diferentes.

Esquema de una regla CSS, por ejemplo en el selector h2

regla css

Básicamente, en CSS existen 3 tipos de selectores:

  1. Los selectores por TIPO (que se corresponden con elementos del lenguaje HTML)
  2. los selectores por CLASE (que se corresponden con el atributo CLASS de ciertos elementos HTML) y que en la hoja CSS comienzan por un punto (.)
  3. los selectores por IDENTIFICADOR (que se corresponden con el atributo ID de algunos elementos HTML y que son únicos en el archivo HTML) y que en la hoja CSS comienzan por el signo de almohadilla (#)

Separar la definición de los contenidos y la definición de su aspecto presenta numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y con significado completo (también llamados "documentos semánticos"). Además, mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo documento en infinidad de dispositivos diferentes.

La W3C decidió que HTML y XHTML no deberían contener directamente información de cómo debe verse un elemento sino que esa información debe estar especificada en una hoja de estilos. Las hojas de estilos css utilizan un lenguaje para controlar la presentación del código html de forma que, actualmente, una página Web se hace así:

Página Web = código HTML + estilos CSS

html css

Además, lo normal y conveniente es que la hoja de estilos css sea un archivo independiente, que enlazaremos con nuestro archivo html mediante la línea <link> dentro de la cabecera de la página HTML.

 

Etiquetas: Teoría, CSS3

Imprimir

En línea...

Hay 8 invitados y ningún miembro en línea

Prácticas...

aulav

Visitas...

0.png6.png3.png0.png3.png
Hoy ........4
Ayer .......15
Mes ........231

Jueves, 24 Agosto 2017