NEW
Font size
WorksheetsQuiz sobre Fundamentos de CSS
Total questions: 37
Worksheet time: 28mins
¿Qué significa CSS?
Cascading Style Sheets
Computer Style Syntax
Creative Sheet System
Code Style Script
¿Cuál es la finalidad principal de CSS en el desarrollo web?
Dar interactividad a la página
Dar estilo y presentación al contenido
Crear bases de datos
Proteger la página
¿Qué parte de una regla CSS corresponde al selector?
`p`
`color: red;`
`;`
`#`
¿Cuál de estos ejemplos aplica correctamente un estilo en CSS?
`h1: red = color;`
`h1 {color: red;}`
<h1 color="red">
`h1 (color:red)`
Verdadero o falso: CSS permite separar el contenido (HTML) de la presentación (estilos).
Verdadero
Falso
¿Qué propiedad se utiliza para cambiar el tamaño de la letra?
`font-size`
`text-size`
`size-font`
`letter-size`
¿Qué instrucción CSS centra un texto horizontalmente?
`align-text: center;`
`text-align: center;`
`center: text;`
`font-align: center;`
¿Qué valor por defecto tiene `font-weight` si no se especifica en CSS?
`bold`
`normal`
`light`
`italic`
¿Qué significa “cascada” en CSS?
Que los estilos se aplican de arriba hacia abajo en orden
Que los estilos se aplican al azar
Que todos los estilos tienen la misma prioridad
Que los estilos se aplican de forma horizontal
¿Qué propiedad se usa para cambiar el color de fondo de un elemento?
`background-color`
`color`
`font-color`
`border-color`
¿Qué efecto produce `p { color: blue; }` en un sitio web?
Cambia el fondo de todos los párrafos
Cambia el color del texto en todos los párrafos
Cambia la fuente de todos los párrafos
Elimina los párrafos
¿Qué propiedad controla el espacio interior de un elemento (entre el contenido y el borde)?
`margin`
`padding`
`border`
`gap`
¿Qué propiedad controla el espacio exterior de un elemento (fuera del borde)?
`margin`
`padding`
`spacing`
`outline`
¿Qué propiedad se usa para redondear esquinas en CSS?
`corner-radius`
`round-border`
`border-radius`
`radius-border`
Si quiero que una imagen "flote" a la derecha del texto, ¿qué regla debo usar?
`float: right;`
`float: end;`
`position: right;`
`align: right;`
¿Qué propiedad define el grosor de las letras en CSS?
`font-style`
`font-weight`
`font-family`
`text-decoration`
Si escribo `font-weight: bold;`, ¿qué efecto tiene en el texto?
Se verá más delgado
Se verá más grueso
¿Qué propiedad define el grosor de las letras en CSS?
`font-style`
`font-weight`
`font-family`
`text-decoration`
Si escribo `font-weight: bold;`, ¿qué efecto tiene en el texto?
Se verá más delgado
Se verá más grueso
Aparecerá en cursiva
Se subrayará
La propiedad `text-decoration` se usa para…
cambiar el tamaño de la fuente
aplicar subrayado, tachado u overline
cambiar la familia tipográfica
aplicar color al texto
¿Qué valor de `text-decoration` elimina el subrayado de un enlace?
`none`
`underline`
`overline`
`line-through`
¿Qué propiedad define la familia tipográfica de un texto?
`font-weight`
`font-family`
`font-style`
`text-align`
Si escribo `font-family: Arial, sans-serif;`, ¿qué significa?
Arial es la fuente principal y sans-serif la alternativa
Arial es decorativa y sans-serif no sirve
Arial siempre será cursiva
sans-serif reemplaza siempre a Arial
¿Qué propiedad CSS sirve para poner un texto en cursiva?
`font-weight`
`font-style: italic;`
`text-decoration`
`font-family`
¿Qué valor de `font-style` hace que el texto se vea oblicuo?
`italic`
`oblique`
`bold`
`underline`
¿Qué etiqueta HTML se usa para vincular un archivo externo de CSS?
<link>
<style>
<script>
<css>
¿Qué atributos de <img> permiten definir tamaño de la imagen?
`src` y `alt`
`width` y `height`
`title` y `alt`
`style` y `src`
¿Qué propiedad controla el ancho de un elemento en CSS?
`height`
`width`
`margin`
`padding`
¿Qué propiedad controla el alto de un elemento en CSS?
`width`
`height`
`line-height`
`font-size`
En CSS, ¿para qué sirve el punto y coma `;` al final de cada declaración?
Para cerrar cada instrucción
Para marcar un comentario
Para iniciar un bloque
Para señalar un selector
¿Qué significa `margin: 10px;` en CSS?
Un relleno interno
Un borde de 10 píxeles
Un margen externo de 10 píxeles
Un color de fondo
¿Qué propiedad define el color del borde?
`border-color`
`border-width`
`border-style`
`border-radius`
¿Qué propiedad ajusta el grosor del borde?
`border-color`
`border-width`
`margin`
`padding`
¿Qué valor de `border-style` aplica un borde discontinuo?
`dashed`
`solid`
`double`
`dotted`
¿Qué propiedad se usa para redondear esquinas de un elemento?
`border-style`
`border-radius`
`outline`
`margin`
¿Qué efecto genera `border-radius: 50%;` en una imagen cuadrada?
Se convierte en rectángulo
Se convierte en círculo
Se convierte en óvalo
Se convierte en triángulo
¿Qué combinación de propiedades necesito para crear un borde de color, de 2px, sólido y con esquinas redondeadas?
`border-color, border-width, border-style, border-radius`
`margin, padding, width, height`
`font-style, font-family, text-decoration, font-weight`
`outline, float, display, gap`
