Lista de colores HTML
09/09/2019
¿Cómo aplicar estilos CSS en un documento HTML?
11/10/2019
Tabla de contenidos
1. ¿Qué es CSS (Cascading Style Sheets)?
Es un lenguaje que nos permite controlar el aspecto de las páginas web escritas en HTML o en cualquier lenguaje de marcado basado en XML.
El lenguaje CSS está creado por el World Wide Web Consortium (W3C), la comunidad internacional que desarrolla estándares que aseguran el crecimiento futuro de la web y vela por conseguir webs disponibles para todo el mundo.
El lenguaje CSS se ha ido creando a lo largo del tiempo en varios niveles. Cada nivel de CSS se ha construido sobre el anterior, generalmente añadiendo funcionalidades nuevas. En la página oficial de W3C (w3.org/Style/CSS/) se pueden consultar todas las publicaciones relacionadas con las novedades del estándar CSS en sus diferentes versiones.
El estándar CSS2 define más de 100 propiedades, cada una de ellas con su lista de valores permitidos. Por su parte, el estándar CSS3 ya incluye más de 200 propiedades o atributos. A lo largo de todo el capítulo, se detallan las propiedades CSS más utilizadas en relación a los colores, el texto, los fondos, las listas, las tablas y el modelo de cajas. En el siguiente enlace puedes ver un resumen de las propiedades que se van a estudiar.
Cada navegador ofrece un soporte CSS distinto. Por este motivo, los desarrolladores siempre deben comprobar que sus webs se visualizan correctamente en los diferentes navegadores. La tabla siguiente detalla el soporte de CSS1, CSS2 y CSS3 de los navegadores más utilizados actualmente.
| Navegador | Motor | CSS1 | CSS2 | CSS3 |
|---|---|---|---|---|
| Chrome | WebKit | Completo | Completo | Selectores, pseudo-clases y ciertas propiedades |
| Internet Explorer | Trident | Completo | Completo | Selectores, pseudo-clases y ciertas propiedades a partir de la versión 10.0 del navegador |
| Firefox | Gecko | Completo | Completo | Selectores, pseudo-clases y ciertas propiedades |
| Safari | WebKit | Completo | Completo | Selectores, pseudo-clases y ciertas propiedades |
| Opera | Presto | Completo | Completo | Selectores, pseudo-clases y ciertas propiedades |
Para la elaboración de la tabla 1.1 se ha tenido como referencia la web Comparison of layout engines, donde se detallan las características CSS de cada navegador.
Los desarrolladores siempre deben comprobar que sus webs se visualizan correctamente en los diferentes navegadores. Ver más información en el apartado de «Buenas prácticas CSS».
1.2. Sintaxis CSS
En CSS se utiliza la siguiente sintaxis para asignar valores a las propiedades de cada selector:
- Selector: indica sobre qué elemento se aplican los estilos CSS.
- Propiedad o atributo: indica qué característica se va a cambiar.
- Valor: indica el valor de la propiedad que se desea modificar.
- Comentario: los comentarios se escriben entre el carácter de apertura «/*» y el carácter de cierre «*/».
Comprueba tu aprendizaje
¿Qué significa CSS?
Indica las afirmaciones verdaderas
Selecciona 4 respuestas