Examen CSS

Pon a prueba tus conocimientos con este examen de CSS

Las siguientes son preguntas muy generales de CSS, podrás ponerte a prueba, y pronto publicaremos las respuestas correctas.

 

Con el siguiente shorthand indique a quienes aplicará la regla

Arriba 1, Abajo 5, Derecha e Izquierda 10
Arriba 5, Abajo 1, Derecha e Izquierda 10
Arriba y Abajo 1, Derecha 5, Izquierda 10
Arriba 1, Abajo 10, Derecha e Izquierda 5

Controla la forma en la que se visualiza la imagen de fondo: permanece fija cuando se hace scroll en la ventana del navegador

background-image: url(“fondo.png”)
background-repeat: repeat-x
background-position: right top
background-attachment: fixed

De los elementos que componen una caja, el padding se refiere a…

El espacio entre esa caja y las demás
El espacio entre el contenido y el borde de la caja
El espacio entre el borde y la imagen de fondo

El posicionamiento ___________ permite desplazar una caja respecto de su posición original y el resto de cajas adyacentes ignoran su posición y ocupan el lugar original.

Relativo
Absoluto
Fijo
Flotante

El posicionamiento ___________ permite desplazar una caja respecto de su posición original y el resto de cajas adyacentes ignoran su posición y ocupan el lugar original. Además su posición es inamovible dentro del navegador, de modo que si existe un despl

Relativo
Absoluto
Fijo
Flotante

El posicionamiento ___________ permite desplazar una caja respecto de su posición original y no afecta al resto de cajas adyacentes

Relativo
Absoluto
Fijo
Flotante

El posicionamiento ___________ permite mover una caja a una capa mas arriba de los demás elementos y desplazarla a su zona mas derecha o su zona mas izquierda posible

Relativo
Absoluto
Fijo
Flotante

En base a las siguientes reglas CSS, ¿de que color quedarán los párrafos?

blue
white
black

Indique a que hace referencia la siguiente regla de CSS

A los elementos con id =”destacado”
A los elementos con class =”destacado”
A las etiquetas de tipo <destacado>

Indique a que hace referencia la siguiente regla de CSS

A los elementos con id =”p”
A los elementos con class =”p”
A las etiquetas de tipo <p>

Indique a que hace referencia la siguiente regla de CSS

A los párrafos con id =”destacado”
A los párrafos con class =”destacado”
A todos los párrafos que sean hijos de un elemento con class =”destacado”

Indique lo que hace la siguiente regla CSS

Aumenta el espacio entre cada párrafo
Aumenta el espacio entre cada renglón
Aumenta el espacio entre cada letra
Aumenta el espacio entre cada palabra

Indique lo que hace la siguiente regla CSS

Aumenta el espacio entre cada párrafo
Aumenta el espacio entre cada renglón
Aumenta el espacio entre cada letra
Aumenta el espacio entre cada palabra

Indique lo que hace la siguiente regla CSS

Convierte el texto a mayúsculas
Convierte el texto a minúsculas
Convierte el texto a letras versales

Indique lo que hace la siguiente regla CSS

Aumenta el espacio entre cada párrafo
Aumenta el espacio entre cada renglón
Aumenta el espacio entre cada letra
Aumenta el espacio entre cada palabra

Indique lo que hace la siguiente regla CSS

Cambia a viñetas de cuadrados los elementos de una lista
Pone viñetas de cuadrados a cualquier elemento HTML en que se aplique
Cambia a viñetas de números cuadrados los elementos de una lista

La propiedad CSS por medio de la cual se da formato de “cursiva” a un elemento es

em
font-weight
font-style

La propiedad CSS por medio de la cual se da formato de “negrita” a un elemento es

strong
font-weight
font-style

La propiedad que permite que al ocultar un objeto se siga respetando su espacio es

display
visibility
hidden

La propiedad ________ se pueden convertir objetos inline por objetos block y viceversa

display
visibility
hidden

La siguiente regla CSS  aplicada en las tablas…

Oculta las celdas vacias de modo que las demás se recorren
Oculta las celdas vacias de modo que no aparecen los bordes de esos huecos
Oculta las celdas vacias de modo que se ven los bordes de un color distinto

La regla ___________ CSS respeta los espacios en blanco y las nuevas líneas (exactamente igual que la etiqueta <pre>)

white-space: pre;
white-space: pre-wrap;
white-space: pre-line;

La siguiente regla aplica a …

Todos los títulos h1 que esten junto a un título h2
Todos los títulos h2 que esten junto a un título h1
Los títulos h1 y h2 que esten juntos
Todos los títulos h2 que esten junto a un título h1 y que tengan el mismo padre

La siguiente regla aplica a …

Los títulos h3, dentro de títulos h2, dentro de títulos h1
Los títulos h3, y a los títulos h2, y a los títulos h1
Los títulos h3 que sean hijos directos de los títulos h2 y h1

La siguiente regla aplica a …

Todos los span dentro de p
Los span que sean hijos directos de p
Los span y los párrafos

La siguiente regla aplica a …

Todos los span dentro de p
Los span que sean hijos directos de p
Los span y los párrafos

La siguiente regla aplica a …

Todos los párrafos exactamente con la clase destacado
Todos los párrafos que en el atributo class tengan al menos destacado
Todos los párrafos que su clase no tenga “destacado”
Todos los párrafos que su clase empieza con “destacado”

La siguiente regla aplica a …

Todos los párrafos exactamente con la clase destacado
Todos los párrafos que en el atributo class tengan al menos destacado
Todos los párrafos que su clase no tenga “destacado”
Todos los párrafos que su clase empieza con “destacado”

Para el shorthand de borde, ¿qué valores se ponen y en qué orden?

width, style and color
width, style, height and color
width, style, and background-color

Propiedad CSS para aplicar al texto un formato de letra versal (letras mayúsculas pequeñas)

font-style
font-variant
text-transform

Propiedad CSS para definir el color del texto

color
text-color
font-color

Propiedad que permite que el contenido de una caja al exceder el tamaño se muestre por fuera de la misma.

overflow: visible
overflow: hidden
overflow: scroll

Propiedad utilizada para indicar la ubicación de la imagen de fondo en una caja

background-image
background-repeat
background-position
background-attachment

Qué hace el siguiente código

Aplica al párrafo la clase error
Aplica al párrafo la clase especial, y si no existe aplica destacado, y si no existe aplica la clase error
Aplica las tres clases
Aplica la clase especial

Qué hace la siguiente regla CSS

Aplica un fondo y un borde a un input cuando pasa el puntero por encima
Aplica un fondo y un borde a un input cuando este es activado
Aplica un fondo y un borde a todos los input pertenecientes a un formulario

Qué hace la siguiente regla CSS?

Quita el subrayado a todos los enlaces
Quita el subrayado a los enlaces cuando tienen el puntero encima
Quita el subrayado a los enlaces cuando ya han sido visitados

¿Cuál propiedad permite establecer el color de fondo a un elemento?

Background-color
Background-image
Background-repeat
Background-attachment
Background-position

Si se tiene un div con 100px de ancho y margen 10px. ¿Cuánto mide en realidad el div?

Escriba el modo abreviado del siguiente color RGB hexadecimal: #336699

Escriba la linea de código necesaria para cargar un archivo css externo llamado estilo.css el cual se utilizará para pantallas de computadoras.

Escriba la regla CSS necesaria para que un elemento quede centrado automáticamente por medio de márgenes.

Escriba la regla CSS para que todos los enlaces aparezcan sin subrayado

Escriba la regla CSS que permite alinear el texto de manera justificada

Escriba la regla CSS que permite que los bordes en una tabla se unan para que parezca un único borde.

Escriba la regla CSS que permite subrayar un texto

Escriba un comentario de CSS con el texto “comentario”

Indique el código faltante para asignar al body una imagen de fondo llamada fondo.png

Indique el código faltante para asignar al body una imagen de fondo llamada fondo.png

body { _________________ }

Indique el código faltante para hacer que la imagen solamente se repita de manera horizontal.

Indique el tamaño final del div principal

Indique la regla CSS necesaria para poner viñetas con una imágen llamada ok.png

La propiedad ______ permite modificar el comportamiento por defecto del posicionamiento flotante para forzar a un elemento a mostrarse debajo de cualquier caja flotante.

La siguiente regla CSS debe poner el tamaño de la primera letra de un párrafo al doble de su tamaño.

#normal p:__________ {
font-size: 2em;
}

Para cambiar el alto con el que se muestra una imagen en el CSS, se utiliza el siguiente código. Complételo.

#destacada {
________: 120px;
}

 

Propiedad utilizada para indicar la posición tridimensional de los elementos. Es decir, la posibilidad de mostrar mas adelante o atrás en profundidad.

Al momento de fusionarse el margen inferior de la caja1 con el margen superior de la caja2, el margen resultante será siempre el margen de la caja2 por ser la última en ser declarada.

Verdadero
Falso

El siguiente código CSS aplica al primer elemento la fuente Arial, al segundo elemento la fuente Helvetica y al resto del documento la familia Sans-Serif.

Verdadero
Falso

La propiedad font-size de CSS solo permite medidas con px, porcentaje o em

Verdadero
Falso

La siguiente regla CSS genera una tabulación al párrafo de 2em.

Verdadero
Falso

Para lograr que un elemento con posición absoluta tome como origen para su desplazamiento a su elemento padre, el elemento padre debe tener una posición definida distinta a normal.

Verdadero
Falso

Para conocer las respuestas correctas mantente atento, ¡pronto pondremos la publicación de respuestas!

About Michelle Torres

Licenciada en Informática con Maestría en Tecnologías de la Información. Docente por convicción con trece años de experiencia, desarrolladora desde hace nueve años trabajando actualmente con desarrollo WEB para alta disponibilidad, además de ser consultor independiente y capacitador. Participe del movimiento del software libre como fiel apasionada, reconocida por su actividad en la comunidad y su participación en la inclusión.