CSS3

Page 1

Introducción

El CSS3 es el lenguaje utilizado para definir los estilos de los documentos HTML o XML. Su desarrolló partió de la idea de separar la estructura de un documento de su presentación, haciendo así mucho mas fácil su mantenimiento.

La información de los estilos puede ser definida en el mismo HTML con el elemento <style> o en un archivo separado con la terminación .css. Evidentemente, este último es el utilizado a día de hoy, precisamente aprovechando el fin para el que fue creado CSS, no mezclar el HTML con los estilos en un mismo documento y que resulte mucho mas fácil su mantenimiento.

El funcionamiento de CSS consiste en definir, mediante su propia sintaxis, el formato de presentación que se aplicará a un sitio web completo, una página o documento HTML, a una parte de un documento HTML o a una etiqueta en concreto.

Para escribir un CSS, al igual que en HTML, te bastará con un simple editor de texto plano como por ejemplo Gedit.

Siguiendo el ejemplo del tutorial de HTML5, si por ejemplo tenemos una etiqueta H1 de título como esta:

<h1>Título de tu página</h1>

Podemos darle estilos de esta forma:

h1 { font-size : 12px; font-family : verdana; text-decoration : underline; text-align : left; }

Page 2

El CSS3 es el lenguaje utilizado para definir los estilos de los documentos HTML o XML. Su desarrolló partió de la idea de separar la estructura de un documento de su presentación, haciendo así mucho mas fácil su mantenimiento.

La información de los estilos puede ser definida en el mismo HTML con el elemento <style> o en un archivo separado con la terminación .css. Evidentemente, este último es el utilizado a día de hoy, precisamente aprovechando el fin para el que fue creado CSS, no mezclar el HTML con los estilos en un mismo documento y que resulte mucho mas fácil su mantenimiento.

El funcionamiento de CSS consiste en definir, mediante su propia sintaxis, el formato de presentación que se aplicará a un sitio web completo, una página o documento HTML, a una parte de un documento HTML o a una etiqueta en concreto.

Para escribir un CSS, al igual que en HTML, te bastará con un simple editor de texto plano como por ejemplo Gedit.

Siguiendo el ejemplo del tutorial de HTML5, si por ejemplo tenemos una etiqueta H1 de título como esta:

<h1>Título de tu página</h1>

Podemos darle estilos de esta forma:

h1 { font-size : 12px; font-family : verdana; text-decoration : underline; text-align : left; }