Font size
WorksheetsDiseño Web – CSS
Total questions: 64
Worksheet time: 32mins
¿Qué significa CSS y para qué se utiliza en el desarrollo web?
CSS significa 'Cascading Style Sheets' y se utiliza para describir la presentación y el diseño de un documento HTML.
CSS significa 'Computer Style System' y se utiliza para programar la lógica de un sitio web.
CSS significa 'Creative Style Syntax' y se utiliza para almacenar datos en bases de datos.
CSS significa 'Centralized Server System' y se utiliza para gestionar servidores web.
¿Esta etiqueta sirve para enlazar una hoja de CSS a HTML?
link
style
rel
href
En CSS, una regla consta de un _______ y un conjunto de _______.
selector, propiedades
elemento, valores
clase, etiquetas
atributo, estilos
¿Cuál de las siguientes opciones NO es un tipo de selector en CSS?
Selector de elemento
Selector de clase
Selector de función
Selector de ID
¿Qué color tendrá el texto del párrafo
?
Rojo
Azul
Verde
Negro
¿Qué determina la especificidad en CSS?
El color del texto
Qué estilo se aplicará a un elemento cuando hay conflictos entre diferentes reglas
El tamaño de la fuente
El tipo de selector
¿Cuál de los siguientes selectores tiene mayor especificidad?
Selector de elemento (p)
Selector de clase (.mi-clase)
Selector de ID (#mi-elemento)
¿Cuáles son las unidades absolutas que se pueden utilizar en CSS para especificar tamaños y distancias?
px, cm
%, em
px, %
px, km
¿Cuál es el ejemplo correcto para la propiedad 'color' en CSS?
colors: blue;
color: Arial;
color: #fff;
text-color: red;
font-size: _____
16px
bold
center
#fff
¿Qué valor se utiliza para la propiedad 'font-family' en el ejemplo?
Arial, sans-serif;
blue;
16px;
underline;
Completa el ejemplo para la propiedad 'font-weight': font-weight: _____
bold
italic
underline
center
¿Cuál es el valor de ejemplo para la propiedad 'text-align'?
center
bold
underline
2px
text-decoration: _____
underline
bold
italic
center
¿Cuál es el valor de ejemplo para la propiedad 'text-transform'?
uppercase
bold
Arial
nowrap
line-height: _____
15px
bold
center
#fff
¿Cuál es el valor de ejemplo para la propiedad 'letter-spacing'?
2px
4px
1.5
blue
"word-spacing": word-spacing: _____
4px
bold
center
#fff
¿Cuál es el valor de ejemplo para la propiedad 'text-shadow'?
2px 2px 4px rgba(0, 0, 0, 0.3);
bold;
center
underline;
Completa el ejemplo para la propiedad border: _____
nowrap
center
2px dashed red;
2px solid red:
¿Cuál es el ejemplo correcto para la propiedad 'padding' en CSS?
padding: 10px;
padding: 10xp;
padding: 10px.
padding; underline:
¿Cuál es el valor que debe seguir la propiedad 'margin' en CSS?
Valor numérico seguido de una unidad o valores en forma de top-right-bottom-left
Nombre de color como 'red' o 'blue'
URL de una imagen
Palabra clave como 'bold' o 'italic'
¿Cuál es el ejemplo de uso de la propiedad 'margin' en CSS?
margin: 10px; o margin: 5px 10px;
padding: 10px; o padding: 5px 10px;
border: 10px; o border: 5px 10px;
background: 10px; o background: 5px 10px;
¿Qué valores puede tomar la propiedad 'width' en CSS?
Valor numérico seguido de una unidad o porcentaje
Solo valores en píxeles
Solo valores en em o rem
Solo valores en porcentaje
¿Cuál es el ejemplo de uso de la propiedad 'width' en CSS?
width: 200px; o width: 50%;
height: 200px; o height: 50%;
color: red; o color: blue;
margin: 10px; o margin: 5%;
¿Qué valores puede tomar la propiedad 'height' en CSS?
Valor numérico seguido de una unidad o porcentaje
Solo valores en píxeles
Únicamente valores en em
Solo valores en palabras clave como 'auto'
¿Cuál es el ejemplo de uso de la propiedad 'height' en CSS?
height: 100px; o height: 50%;
height: bold;
height: center;
height: underline;
¿Qué define la propiedad 'border' en CSS?
Ancho, estilo y color del borde
El tamaño de la fuente y el color del texto
El margen y el relleno de un elemento
La alineación y el espaciado del texto
¿Cuál es el ejemplo de uso de la propiedad 'border' en CSS?
border: 1px solid black;
border-color: 1px solid black;
border: solid 1px black;
border. 1px solid black;
¿Qué valores puede tomar la propiedad 'box-sizing' en CSS?
content-box, border-box
margin-box, padding-box
inline-box, flex-box
auto, inherit
¿Cuál es el ejemplo de uso de la propiedad 'box-sizing' en CSS?
box-sizing: border-box;
box-sizing: flex-box;
box-sizing: inline-block;
box-sizing: content-flex;
¿Qué valores puede tomar la propiedad 'display' en CSS?
block, flex, inline-block, none
flex, grid, float, static
center, left, right, justify
visible, hidden, collapse, scroll
¿Cuál es el ejemplo de uso de la propiedad 'display' en CSS?
display: flex;
color: red;
font-size: 16px;
margin-top: 10px;
¿Qué valores puede tomar la propiedad 'overflow' en CSS?
visible, hidden, scroll, auto
block, inline, flex, grid
top, right, bottom, left
primary, secondary, tertiary, quaternary
¿Qué define de la sombra la propiedad 'box-shadow' en CSS?
Posición horizontal, posición vertical, desenfoque, extensión, color
Solo el color de la sombra
El tamaño y el color del borde
La opacidad y el color del fondo
¿Cuál es el ejemplo de uso de la propiedad 'box-shadow' en CSS?
box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.3);
shadow-box: 2px 2px 4px 2px rgba(0, 0, 0, 0.3);
box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px 2px;
box-shadow: 2 2 4 2 black;
¿Qué valores puede tomar la propiedad 'position' en CSS?
static, relative, absolute, fixed, sticky
block, inline, flex, grid, none
center, left, right, top, bottom
visible, hidden, collapse, scroll, auto
¿Cuál es el ejemplo de uso de la propiedad 'position' en CSS?
position: relative;
position: rigth;
position: top;
position: flex-end;
¿Qué valores puede tomar la propiedad 'top' en CSS?
Valor numérico seguido de una unidad
Solo valores en porcentaje
Solo valores en píxeles
Cualquier palabra clave
¿Cuál es el ejemplo de uso de la propiedad 'top' en CSS?
top: 20px;
top: 20pc;
top: 20px.
top: 20pp;
¿Qué valores puede tomar la propiedad 'right' en CSS?
Valor numérico seguido de una unidad
Solo valores de color
Nombres de fuentes
Palabras clave como 'bold'
¿Cuál es el ejemplo de uso de la propiedad 'right' en CSS?
right: 10px;
left: 10px;
right: center;
right: 10;
¿Qué valores puede tomar la propiedad 'bottom' en CSS?
Valor numérico seguido de una unidad
Solo valores en porcentaje
Solo valores en píxeles
Valor numérico seguido de un punto
¿Cuál es el ejemplo de uso de la propiedad 'bottom' en CSS?
bottom: 30px;
bottom: center;
bottom: bold;
bottom: #fff;
¿Para qué sirve la propiedad 'left' en CSS?
Para mover de izquierda a derecha
Para mover de derecha a izquierda
Para mover de arriba abajo
Para jugar left 4
¿Cuál es el ejemplo de uso de la propiedad 'left' en CSS?
position: relative;
left: 15px;
position: absolute;
left: 20px;
position: flex;
left: 15px;
position: relative;
left: #fff;
¿Qué valores puede tomar la propiedad 'z-index' en CSS?
Valor numérico
Colores
Nombres de fuentes
Unidades de medida
¿Cuál es el ejemplo de uso de la propiedad 'z-index' en CSS?
z-index: 10;
z-layer: 5;
index-z: 2;
zposition: 1;
¿Qué valores puede tomar la propiedad 'transform' en CSS?
rotate, translate, scale
color, font-size, margin, padding
border, outline, box-shadow, background
display, position, float, clear
¿Cuál es el ejemplo de uso de la propiedad 'transform' en CSS?
transform: rotate(45deg);
transform: rotate(45deg):
transform: rotate(45beg);
transform: rotate(45px);
¿Para qué sirve CSS?
para estructurar una web
para darle estilo a una página
para darle pixeles a una web
para reprobar
¿Background?
puede cambiar de color el fondo
puede cambiar de color el texto
puede cambiar de el borde
puede subir abajo
¿Cuál es la propiedad de flexbox que permite al contenedor flex ajustar el tamaño de sus elementos hijos?
flex-grow
flex-shrink
flex-direction
flex-basis
¿Qué valor se utiliza para alinear los elementos en el eje transversal en un contenedor flex?
flex-wrap
flex-flow
justify-content
align-items
¿Cuál es el efecto de la propiedad 'flex-wrap' en un contenedor flex?
Define el tamaño de los elementos flexibles
Controla el espacio entre los elementos
Establece la dirección de los elementos
Permite que los elementos se envuelvan en varias líneas
¿Qué propiedad de CSS se utiliza para alinear elementos en una fila utilizando flexbox?
flex-direction
justify-content
align-items
flex-wrap
¿Cuál es el efecto de la propiedad 'flex-grow' en un elemento flex?
Define el tamaño mínimo del elemento
Define el tamaño máximo del elemento
Controla cómo se distribuye el espacio adicional
Establece el orden de los elementos
¿Qué valor se utiliza para hacer que un contenedor flex se ajuste a su contenido?
flex: initial;
flex: 1;
flex: auto;
flex: none;
¿Qué propiedad se utiliza para establecer un contenedor flexible en CSS?
justify-content: space-between;
align-items: center;
flex-direction: row;
display: flex;
¿Cuál es el efecto de la propiedad 'flex-wrap' en un contenedor flex?
Establece la dirección de los elementos
Permite que los elementos se envuelvan en varias líneas
Define el tamaño de los elementos flexibles
Controla el espacio entre los elementos
¿Qué valor se utiliza para alinear los elementos al centro en un contenedor flex?
flex-direction: column;
justify-content: center;
flex-grow: 1;
align-items: center;
¿Cuál es la propiedad utilizada para alinear elementos en un contenedor flex en CSS?
justify-content
align-items
flex-direction
display
¿Qué valor se utiliza para hacer que un elemento flex ocupe el espacio restante en su contenedor?
flex-basis: auto;
flex-shrink: 0;
flex: none;
flex-grow: 1;
¿Cómo se establece la dirección de los elementos flex en CSS?
flex-direction: row-reverse;
flex-direction: column;
flex-direction: row;
flex-direction: column-reverse;
