CSS (Parte 1)

INTRODUCCIÓN A CSS (Parte 1)

Buenas noches, en esta oportunidad desarrollaremos una introducción a CSS.

CSS (Cascading Style Sheets – Hoja de estilo en cascada) es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML.

CSS es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear páginas web complejas.

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.

Antes de que se generalizara el uso de CSS, los diseñadores de páginas web utilizaban etiquetas HTML especiales para modificar el aspecto de los elementos de la página. Se utilizaba etiquetas como <style> o <font>.

Ahora, la información de estilo puede ser adjuntada como un documento separado del documento HTML, como veremos en nuestro ejemplo.

Conocimientos Previos:

Para adjuntar el documento de estilo se utiliza la etiqueta <link>. Normalmente, la etiqueta <link> incluye cuatro atributos cuando enlaza un archivo CSS:

• rel: indica el tipo de relación que existe entre el recurso enlazado (en este caso, el archivo CSS) y la páginaHTML. Para los archivos CSS, siempre se utiliza el valor stylesheet
• type: indica el tipo de recurso enlazado. Sus valores están estandarizados y para los archivos CSS su valor siempre es text/css
• href: indica la URL del archivo CSS que contiene los estilos. La URL indicada puede ser relativa o absoluta y puede apuntar a un recurso interno o externo al sitio web.
• media: indica el medio en el que se van a aplicar los estilos del archivo CSS. Más adelante se explican en detalle los medios CSS y su funcionamiento.

 

Ahora procedamos a aplicar un ejemplo.

 

Nota: Esta introducción tendrá su ejemplo en la Parte 2.