Identificarse | Registrarse | FAQ
Anonymous

Lección 1: ¿Qué es CSS?

Puede que ya hayas oído hablar de CSS sin saber realmente qué es. En esta lección aprenderás más cosas sobre CSS y qué puede hacer por ti.

CSS es el acrónicmo de CascadingStyle Sheets (es decir, hojas de estilo en cascada).

¿Qué puedo hacer con CSS?

CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas. ¡Espera unos segundos y ya verás!

Es posible usar HTML, o incluso abusar del mismo, para añadir formato a los sitios web. Sin embargo, CSS ofrece más opciones y es más preciso y sofisticado. CSS está soportado por todos los navegadores hoy día.

Después de unas cuantas lecciones de este tutorial serás capaz de crear tus propias hojas de estilo usando CSS para dar a tu sitio web un aspecto nuevo y genial.

¿Qué diferencia hay entre CSS y HTML?

HTML se usa para estructurar el contenido; CSS se usa para formatear el contenido previamente estructurado.

Vale, suena un poco técnico y confuso... pero sigue leyendo; pronto todo tendrá sentido.

Allá en los buenos tiempos en que Madonna era una "Virgen" y un tipo llamado Tim Berners Lee inventó el World Wide Web, el lenguaje HTML sólo se usaba para añadir estructura al texto. Los autores podían marcar sus textos diciendo "esto en un título" o "esto es un párrafo", usando las etiquetas HTML <h1> y <p>, respectivamente.

A medida que la Web fue ganando popularidad, los diseñadores empezaron a buscar posibilidades para añadir formato a los documentos en línea. Para satisfacer esta reclamación, los fabricantes de los navegadores (en ese momento, Netscape y Microsoft) inventaron nuevas etiquetas HTML, entre las que se encontraban, por ejemplo, <font>, que se diferenciaba de las etiquetas originales HTML en que definían el formato... y no la estructura.

Esto también llevó a una situación en la que las etiquetas estructurales originales, por ejemplo, <table>, se usaban cada vez más de manera incorrecta para dar formato a las páginas en vez de para añadir estructura al texto. Muchas nuevas etiquetas que añadían formato, por ejemplo, <blink>, sólo las soportaban un tipo determinado de navegador. "Necesitas el navegador X para visualizar esta página" se convirtió en una declaración de descargo común en los sitios web.

CSS se inventó para remediar esta situación, proporcionando a los diseñadores web con sofisticadas oportunidades de presentación soportadas por todos los navegadores. Al mismo tiempo, la separación de la presentación de los documentos del contenido de los mismos, hace que el mantenimiento del sitio sea mucho más fácil.

¿Qué beneficios me ofrece CSS?

CSS fue toda una revolución en el mundo del diseño web. Entre los beneficios concretos de CSS encontramos:

  • control de la presentación de muchos documentos desde una única hoja de estilo;
  • control más preciso de la presentación;
  • aplicación de diferentes presentaciones a diferentes tipos de medios (pantalla, impresión, etc.);
  • numerosas técnicas avanzadas y sofisticadas.

En la siguiente lección examinaremos con más detenimiento cómo funciona realmente CSS y cómo puedes iniciarte en su uso.



<< Introducción

Lección 2: ¿Cómo funciona CSS? >>