Introducción a CSS

¿Qué es CSS?

• Las hojas de estilo en cascada (CSS) permiten dar formato a las páginas web, separando el contenido (HTML) de la presentación (CSS).

• CSS es un lenguaje de programación.

• CSS solo se utiliza para cambiar colores.

• CSS no se puede usar en documentos HTML.

Formas de insertar CSS en un documento HTML

• CSS en línea, CSS incrustado, CSS externo

• CSS en línea, CSS en bloque, CSS interno

• CSS externo, CSS interno, CSS en línea

• CSS en línea, CSS en bloque, CSS externo

¿Qué hace el siguiente código CSS? @media (max-width: 600px) { body { background-color: lightgray; }}

• Verifica si el ancho de la pantalla es 600 píxeles o menos y cambia el fondo a gris claro.

• Cambia el color del texto a gris claro.

• Aumenta el tamaño de la fuente en pantallas pequeñas.

• No tiene ningún efecto en el diseño.

¿Qué color tendrá el texto? Naranja (p#especial.destacado es la regla más específica).

• Rojo

• Verde

• Naranja

• Azul

¿Qué son los selectores de tipo en CSS?

• Son los selectores más básicos que aplican estilos a todas las etiquetas de un mismo tipo.

• Son selectores que aplican estilos a elementos con una clase específica.

• Son selectores que aplican estilos según el estado del elemento.

• Son selectores únicos para cada elemento.

¿Cuál es la función de las clases en CSS?

• Permiten aplicar estilos a múltiples elementos específicos.

• Aplican estilos a todas las etiquetas de un mismo tipo.

• Son únicos para cada elemento.

• Son los de más prioridad.

¿Qué hacen las pseudoclases en CSS?

• Aplican estilos según el estado del elemento.

• Son selectores únicos para cada elemento.

• Son los selectores más básicos.

• Permiten aplicar estilos a múltiples elementos.

¿Qué son los IDs en CSS?

• Son únicos para cada elemento y tienen más prioridad que las clases.

• Son selectores que aplican estilos a todas las etiquetas de un mismo tipo.

• Son selectores que aplican estilos según el estado del elemento.

• Son los de más prioridad.

¿Qué son los estilos en línea en CSS?

• Son los de más prioridad, salvo que haya !important.

• Son selectores que aplican estilos a todas las etiquetas de un mismo tipo.

• Son únicos para cada elemento.

• Son selectores que aplican estilos según el estado del elemento.

¿Qué significa el modificador !important en CSS?

• Gana siempre, incluso sobre estilos en línea.

• Es un selector que aplica estilos a todas las etiquetas de un mismo tipo.

• Es un estilo que se aplica solo a los elementos que tienen un atributo específico.

• Es un estilo que se aplica a múltiples elementos específicos.