¿Qué es CSS?

Hola! En la entrada de hoy os dejo un breve tutorial de que es el lenguaje CSS, pero os recomiendo que practiquéis vosotros mismos.

CSS (Cascading Style Sheets, que significa “hojas de estilo en cascada”) es un lenguaje utilizado para describir el aspecto y el formato de un sitio web escrito en lenguaje de marcado (como HTML). Trátalo como maquillaje para nuestra página web 😉.

El lenguaje CSS se rige por reglas de estilos.

Regla de estilo: componente de una hoja de estilo.

Una regla está formada por:

•         Selector: indica las etiquetas a las que se aplica.
•      Declaración: conjunto de pares (propiedad/valor).

Ej.: p {color: red; background-color: black;}

Este lenguaje posee una amplia variedad de selectores:

•Basado en el elemento (etiqueta):

p {color: white;}

p, h1{color: white;}

•Basado en el contexto del elemento:

p strong {color: blue;}

•Basado en un identificador o una clase:

Id: #introduccion {font-size: 14pt;}

Clase: .rojo{color: red;}

•Basado en una pseudoclase(estado) de un elemento:

a: hover {color: Pink;}

Además, el lenguaje CSS tiene tres formas diferentes para la declaración de estilos:

•         Hoja de estilos externa. En un fichero independiente con extensión .css. Mejor solución para compartir el estilo en todo un sitio web.
•      Hoja de estilo interna. En la cabecera del documento.
•          Estilo en línea. En cualquier etiqueta utilizando atributo style, se puede utilizar para aplicar un estilo único para un solo elemento.

Pero, ¿Qué estilo se utilizará cuando se especifica más de un estilo de un elemento HTML?

Se siguen las reglas por orden de prioridad:

1.       Estilo en línea (dentro de un elemento HTML).

2.       Hojas de estilo externas e internas (en la sección de cabecera).

3.       Por defecto del navegador.

En esta página se muestran varios ejemplos de estilos CSS. Todo es practicar. ¡Suerte!