Saltar la navegación

1.- Introducción a CSS.

Caso práctico

Carlos sale de la reunión muy intrigado pensando en todo lo que le contó Ada con respecto a las hojas de estilo en cascada. Así que, al llegar a casa, decide buscar información en la web sobre los beneficios de su utilización a la hora de mejorar la presentación de las páginas web.

Carlos aprovecha para ir confeccionándose un pequeño manual de CSS en el wiki de BK Programación que todos podrán ir editando y completando.

Ilustración de Carlos, posible trabajador de la empresa BK programación. Tiene conocimientos de diseño web y le gustaría trabajar en el mantenimiento de páginas web. Está estudiando el Ciclo de Desarrollo de Aplicaciones Web.

Se trata de un sitio web cuyas páginas pueden ser editadas por multitud de personas a través de un navegador. Los usuarios pueden crear, modificar o borrar un mismo texto que comparten. Muy utilizado para crear manuales, diccionarios y, en general, documentos con autoría compartida.

Las hojas de estilo en cascada (CSS - Cascading Style Sheets) son un estándar W3C que define la presentación de los documentos Web, es decir, el modo en el que se muestra un documento en pantalla o se suministra al usuario, ya sea por el monitor, en la pantalla del teléfono móvil o leído por un lector de pantalla. Lo más importante es que con CSS se mantienen las instrucciones de presentación separadas del contenido del documento HTML.

Las hojas de estilo en cascada como hoy las conocemos, comenzaron cuando Håkon Lie publicó su primer borrador de hojas de estilo HTML en cascada, al que pronto se le unió Bert Bos, gran impulsor de este estándar.

  • CSS Nivel 2, Revisión 1 que es simplemente una recomendación que realiza unos ajustes menores a CSS2 basándose en la experiencia de trabajo con él entre 1998 y 2004.
  • CSS Nivel 3, basada en módulos, añade soporte para texto flotante vertical, mejor manejo de tablas, idiomas internacionales y una mejor integración con otras tecnologías XML como SVG, MathML y SMIL.

El CSS WG también está trabajando en conjuntos CSS especiales orientados a medios específicos como: CSS Mobile, CSS Print y CSS TV.

Abreviatura del inglés: "Mathematical Markup Language". Es un lenguaje de marcado basado en XML, cuyo objetivo es expresar notación matemática de forma que distintas máquinas puedan entenderla, para su uso en combinación con XHTML en páginas web, y para intercambio de información entre programas de tipo matemático en general.

Los navegadores actuales implementan bastante bien CSS1 desde 1999 (tres años después de su lanzamiento) aunque, dependiendo de la marca y versión del navegador, hay algunas pequeñas diferencias de implementación. El primer navegador en dar soporte completo al CSS1 ha sido Internet Explorer 5.0 aunque hasta ese momento fue el Opera el que soportaba mejor CSS1. Después otros navegadores también lo han ido implementando.

Sin embargo, en los navegadores más recientes hay diferentes niveles de implementación de CSS2.1.

Autoevaluación

Pregunta

¿Si quieres definir la presentación de una página web utilizas...?

Respuestas

CSS

XHTML

Javascript.

PHP

Retroalimentación