El lenguaje de programación CSS es el lenguaje de coordinación que se utiliza para otorgar y describir todos los elementos por medio de la representación visual de un documento escrito en una estructura de código. Estas son nombradas como hojas de estilo en cascada (es decir, son páginas de patrones de flujo), y se puede utilizar con HTML y cualquier documento XML, incluido archivos de una gran variedad de formatos, como del tipo SVG.
En la actualidad si navegamos por internet, la gran mayoría de los sitios web que vemos utilizan lenguaje de programación CSS para crear páginas web atractivas e interfaces fáciles de usar para aplicaciones web. Vale aclarar que también normalmente se utilizan otros lenguajes como HTML y JavaScript. El propósito primordial del lenguaje de programación CSS es permitir la separación del contenido visual de la página web, incluidos el diseño, los colores, fuentes y estilos.
El objetivo y ventajas que logramos con esta separación es que; ayuda a mejorar la accesibilidad y proporciona una flexibilidad para controlar las propiedades de la pantalla y cómo se formatean según el dispositivo que se utilice. Con el código CSS también nos ayuda a facilitar la edición y ahorro del tiempo, ya que gracias a un solo archivo CSS podemos modificar y editar el aspecto visual en docenas de páginas en un sitio web.
Estructuración y Características del código CSS
Lo primero es saber que el lenguaje de programación CSS consta de un conjunto de reglas (reglas), que a su vez constan de un selector y luego una lista de los atributos y valores que se les asignan. Por ejemplo, si queremos seleccionar todos los párrafos (el elemento ) en el documento HTML y cambiar su color a verde (a través de la propiedad color), escribiremos el siguiente código:
p {
color : green;
}Tenga en cuenta que el código CSS debe «aplicarse» al documento HTML para que surta efecto, y esto se puede hacer de dos formas:
- Coloque el código CSS dentro del elemento