Tal vez ya hayas oido hablar en alguna ocasión de CSS (Cascading Style Sheeting – Hojas de Estilo en Cascada). Es un término muy familiar entre desarrolladores y webmasters, aunque algunos desconocen su significado y utilidad. Entender la dinámica del CSS es algo esencial entre los desarrolladores web y parte de sus obligaciones en su tarea diaria. Aprender CSS es una tarea que exige constancia y práctica.

CSS es un lenguaje como otro cualquiera orientado a definir los parámetros esenciales en un documento HTML. Por ejemplo, con CSS customizamos parámetros acerca de las fuentes, colores, márgenes, líneas, imágenes de fondo, posición de contenidos, tabulaciones, anchuras, rellenos (paddings), etc.

HTML permite desarrollar un documento básico preformato. Con CSS podemos definir todo el formato de una manera sofisticada y personalizada. CSS es el código que leen todos los navegadores actuales, aunque cada uno a su debida manera. Los navegadores hacen interpretaciones del CSS y recrean su lectura en el sitio web donde se procesa.

Diferencias entre HTML y CSS

HTML es utilizado para estructurar los contenidos, es el cuerpo que contiene la información. CSS es usado para formatear contenidos estructurados.

Hace algún tiempo un señor llamado Tim Berners Lee decidió hacer la inventiva de la World Wide Web (WWW), y el lenguaje HTML servía para estructurar los textos. La importancia de los textos era definida utilizando etiquetas como <h1>, <h2>, y <h3> que se conocen como “headings” (encabezados).

Con la popularidad de la Web, los diseñadores comenzaron asentir la necesidad de construir documentos con un formato más personalizada. Para atender a este necesidad, los fabricantes de navegadores inventaron nuevas etiquetas como <span> que pasó a ser empleado como modo de definir un texto.

Muchas de estas etiquetas eran soportadas sólamente por algunos navegadores. Como solución se puso a disposición el CSS.

¿Qué es el CSS?

CSS es una revolución en el mundo del diseño que incluye innumerables beneficios. Gracias a él, se ha potenciado la creatividad de los diseñadores desde su origen.

• Control de varios documentos a partir de un mismo fichero CSS.
• Mayor precisión y facilidad de edición ya que todos se vinculan al mismo fichero patrón.
• Aplicación de diferentes “layouts” para servir a diferentes medidas: resoluciones de pantalla, impresora, soportes digitales, etc.
• Empleo de sofisticadas técnicas de desarrollo.