8.1. Introducción a CSS: selectores, propiedades y valores: Introducción a CSS
Página 44 | Escuchar en audio
8.1. Introducción a CSS: selectores, propiedades y valores
CSS, u hojas de estilo en cascada, es un lenguaje de estilo que se utiliza para describir la apariencia y el formato de un documento escrito en HTML. CSS es una de las principales tecnologías front-end, junto con HTML y JavaScript, que se utilizan para crear y diseñar sitios web.
Entonces, ¿qué son los selectores, propiedades y valores en CSS? Comencemos con los selectores.
Selectores CSS
Los selectores CSS son la parte de CSS que determina a qué elementos HTML de una página se les aplicará estilo. En otras palabras, "seleccionan" qué elementos recibirán ciertos estilos CSS. Hay varios tipos de selectores CSS, incluidos selectores de tipo, selectores de clase, selectores de ID, selectores de atributos, selectores de pseudoclases y selectores de pseudoelementos.
Los selectores de tipo seleccionan elementos HTML según su tipo de elemento. Por ejemplo, el selector de tipo 'h1' seleccionaría todos los elementos h1 en una página.
Los selectores de clases seleccionan elementos HTML según su clase. Las clases son atributos HTML que se pueden agregar a cualquier elemento HTML. Por ejemplo, el selector de clase '.intro' seleccionaría todos los elementos con la clase 'intro'.
Los selectores de ID seleccionan elementos HTML según su ID. Los ID son atributos HTML únicos que se pueden agregar a cualquier elemento HTML. Por ejemplo, el selector de ID '#header' seleccionaría el elemento con el ID 'header'.
Propiedades CSS
Las propiedades CSS son los aspectos de los elementos HTML a los que desea aplicar estilo. Por ejemplo, es posible que desee cambiar el color de fondo, la fuente, el tamaño de fuente, el margen, el relleno, la altura, el ancho y muchos otros aspectos de un elemento HTML. Cada una de estas cosas que quizás quieras cambiar es una propiedad CSS.
Por ejemplo, la propiedad 'color' se utiliza para cambiar el color del texto de un elemento. La propiedad 'font-size' se utiliza para cambiar el tamaño de fuente de un elemento. La propiedad 'color de fondo' se utiliza para cambiar el color de fondo de un elemento.
Valores CSS
Los valores CSS son los valores específicos que asigna a una propiedad CSS. Por ejemplo, si quisieras que el texto de un elemento fuera rojo, usarías la propiedad 'color' y le asignarías el valor 'rojo'.
Los valores pueden ser muchas cosas diferentes dependiendo de la propiedad. Por ejemplo, para la propiedad 'color', los valores pueden ser nombres de colores, como 'rojo', 'azul' o 'verde', o pueden ser códigos de color hexadecimales, como '#FF0000' para rojo. .
Para la propiedad 'font-size', los valores pueden ser unidades de medida, como 'px' para píxeles, 'em' para el ancho de la letra 'M' en la fuente actual o '%'. para obtener un tamaño relativo al tamaño de fuente del elemento principal.
En conclusión, CSS es un poderoso lenguaje de estilo que le permite diseñar elementos HTML de muchas maneras diferentes. Si comprende los selectores, las propiedades y los valores de CSS, podrá empezar a crear diseños de sitios web más complejos y atractivos.
Ahora responde el ejercicio sobre el contenido:
¿Qué son los selectores, propiedades y valores en CSS?
¡Tienes razón! Felicitaciones, ahora pasa a la página siguiente.
¡Tú error! Inténtalo de nuevo.
Siguiente página del libro electrónico gratuito:
45Introducción a CSS: selectores, propiedades y valores: comprender qué son los selectores de CSS
3 minutos
¡Obtén tu certificado para este curso gratis! descargando la aplicación Cursa y leyendo el libro electrónico allí. ¡Disponible en Google Play o App Store!
