8.7. Introducción a CSS: selectores, propiedades y valores: Introducción a los valores en CSS
Página 50 | Escuchar en audio
CSS (Hojas de estilo en cascada) es un lenguaje de estilo utilizado para describir la apariencia y el formato de un documento escrito en HTML. Se utiliza principalmente para agregar estilo a páginas web e interfaces de usuario escritas en HTML y XHTML. En esta sección, nos centraremos en los selectores, propiedades y valores en CSS.
Selectores CSS
Los selectores CSS son la parte de CSS que selecciona el elemento HTML al que desea aplicar estilo. Hay varios tipos de selectores en 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 según su nombre de etiqueta HTML. Por ejemplo, el selector de tipo 'p' selecciona todos los elementos <p> en una página.
Los selectores de clase seleccionan elementos según el valor del atributo de clase. Por ejemplo, el selector de clase '.intro' selecciona todos los elementos que tienen 'intro' como valor de su atributo de clase.
Los selectores de ID seleccionan un elemento según el valor del atributo de ID. Por ejemplo, el selector de ID '#nombre' selecciona el elemento que tiene 'nombre' como valor de su atributo de ID.
Propiedades CSS
Las propiedades CSS son lo que desea aplicar estilo en el elemento seleccionado. Pueden ser cosas como color, tamaño de fuente, espaciado, borde, etc. Cada propiedad tiene un nombre y un valor, separados por dos puntos. Por ejemplo, 'color: rojo;' es una declaración de propiedad CSS, donde 'color' es el nombre de la propiedad y 'rojo' es el valor.
Hay cientos de propiedades CSS, cada una con su propio conjunto de valores posibles. Algunas propiedades son específicas de ciertos tipos de elementos, mientras que otras se pueden usar en cualquier tipo de elemento.
Valores CSS
Los valores CSS son los detalles específicos que desea aplicar a la propiedad. Por ejemplo, si está utilizando la propiedad 'color', los valores podrían ser 'rojo', 'azul', 'verde', etc. Si está utilizando la propiedad 'font-size', los valores podrían ser '12px', '14px', '16px', etc.
Los valores pueden ser números, colores, porcentajes, URL, entre otras cosas. También pueden ser valores relativos o absolutos. Un valor absoluto es un valor fijo, como '12px'. Un valor relativo es un valor relativo a otra cosa, como '50%'.
Además, hay algunas palabras clave especiales que se pueden utilizar como valores, como "heredar", "inicial" y "desarmar". 'Heredar' hace que el elemento herede el valor de su elemento padre. 'Inicial' establece la propiedad en su valor inicial. 'Desarmar' es una combinación de 'heredar' e 'inicial'.
En resumen, los selectores, propiedades y valores en CSS son herramientas poderosas que le permiten diseñar sus documentos HTML de maneras muy flexibles y detalladas. Con una buena comprensión de cómo funcionan, puedes crear diseños web sorprendentes y efectivos.
Ahora responde el ejercicio sobre el contenido:
¿Qué son los selectores, propiedades y valores en CSS y cómo se utilizan?
¡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:
51Introducción a CSS: selectores, propiedades y valores: Diferentes tipos de valores en CSS: Colores, Tamaños y Unidades
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!
