Hoy vamos hablar de que es el CSS, para qué sirve, cómo usarlo, precauciones, etc. pero antes, demos paso al patrocinador!!!:
Ya está disponible la nueva gama de altavoces inteligentes de Amazon desde 35,99€
Tienes 4 modelos diferentes. A mi, personalmente, el Echo Spot me tiene enamorado por la pantalla que incorpora. Te permite controlar por voz la reproducción de música en Amazon Music y Spotify, las emisoras de radio en TuneIn, las secciones de noticias y mucho más: todo ello sin mover un dedo.
Si ya eres Prime, tienes Prime Music, que te permite escuchar en streaming más de 2 millones de canciones de los artistas más populares del momento, sin anuncios ni ningún coste adicional.
Amazon Music Unlimited te ofrece acceso a más de 50 millones de canciones, entre las que se incluyen los últimos lanzamientos, por solo 3,99 € al mes para un dispositivo Echo. Amazon Music Unlimited es gratis durante 14 días tras configurar por primera vez el dispositivo Echo. Una vez termine este periodo, puedes conseguir una prueba de 30 días gratis.
Informate de todo en pampua.es/amazon
¿Qué es CSS, realmente?
Como el HTML, el CSS no es realmente un lenguaje de programación. Es un lenguaje de hojas de estilo, es decir, te permite aplicar estilos de manera selectiva a elementos en documentos HTML. Por ejemplo, para seleccionar todos los elementos de párrafo en una página HTML y volver el texto dentro de ellos de color verde, has de escribir este CSS:
p {
color: green;
}
Anatomía de una regla CSS
Observemos al CSS de antes, un poco más a detalle:
p {
color: green;
}
La estructura completa es llamada regla predeterminada (pero a menudo «regla» para abreviar). Nota también los nombres de las partes individuales:
Selector
El elemento HTML en el que comienza la regla. esta selecciona el(los) elemento(s) a dar estilo (en este caso, los elementos p ). Para dar estilo a un elemento diferente, solo cambia el selector.
Declaración
Una sola regla como color: green; especifica a cuál de las propiedades del elemento quieres dar estilo.
Propiedades
Maneras en las cuales puedes dar estilo a un elemento HTML. (En este caso, color es una propiedad del elemento p.) En CSS, seleccionas qué propiedad quieres afectar en tu regla.
Valor de la propiedad
A la derecha de la propiedad, después de los dos puntos (:), tenemos el valor de la propiedad, para elegir una de las muchas posibles apariencias para una propiedad determinada (hay muchos valores para color además de green).
Nota las otras partes importantes de la sintaxis:
Cada una de las reglas (aparte del selector) deben estar encapsulada entre corchetes ({}).
Dentro de cada declaración, debes usar los dos puntos (:) para separar la propiedad de su valor.
Dentro de cada regla, debes usar el punto y coma (;) para separar una declaración de la siguiente.
Así que para modificar varios valores de propiedad a la vez, solo necesitas escribirlos separados por punto y coma (;), así:
p {
color: green;
width: 500px;
border: 1px solid black;
}
Seleccionando varios elementos
También puedes seleccionar varios elementos y aplicar una sola regla a todos ellos. Incluye varios selectores separados por comas(,). Por ejemplo:
p,li,h1 {
color: green;
}
Diferentes tipos de selector
Existen muchos tipos diferentes de selectores. Antes, solo hemos visto los selectores de elementos, los cuales seleccionan todos los elementos de un tipo dado en los documentos HTML. Sin embargo podemos hacer selecciones más específicas que esas. Estos son algunos de los tipos de selectores más comunes:
Nombre del selector
Que selecciona?
Ejemplo
