Pon a prueba tus conocimientos de CSS3 básico con este sencillo test. El test consta de 30 preguntas. Las respuestas incorrectas restan 0.25 puntos. El nivel del test es muy básico. ¿A qué estás esperando para comprobar cuantas respuestas aciertas?
⬇️ Compra en Amazon el hardware que utilizo ⬇️
- 💻 Ordenador Portátil: Descúbrelo aquí
- 🖥️🖥️ Monitores: Mis 2 súper monitores
- ⌨️ Teclado: Mini teclado + Lector DNIe
- 🖱️ Ratón: Mi ratón programable
- 🎧 Auriculares: Súper Auriculares TOP!
- 🖨️ Impresora: Mi fantástica impresora
- 🗄️ NAS Backup: Mi NAS para Backups
- 🔌 HUB USB: Mi HUB para puertos USB
- 📱 Smartphone: Mi Smartphone
- 📲 Tablet: Mi tablet para viajes
- ⌚ Smartwatch: Mi Smartwatch favorito
- 📹 Cámara deportiva: Mi cámara para deportes
Debes estar autenticado con Facebook, Linkedin, Google, Twitter... para poder realizar el test. Cascading Style Sheets (Hojas de Estilo en Cascada)
¿Qué significa CSS?
Cross-browser Style Sheets (Hojas de Estilo Multi-navegador)
Code of Style Sheets (Código de Hojas de Estilo)
Color Style Sheets (Hojas de Estilo de Color)
¿Cómo podemos añadir un comentario en una hoja de estilo CSS3?
Después de los caracteres "//". Ej: // Este es un comentario CSS
No se pueden poner comentarios
Entre los caracteres "/*" y "*/"
Entre las etiquetas \""
¿Cuál es la forma más eficiente de aplicar estilos CSS3 en un documento HTML?
En línea
Incrustado en la cabecera
Hojas de estilo externas
Mediante PHP
¿Qué significa la «a» en RGBa?
Appearance
Animation
Alpha
Sólo es RGB
¿Para que se utiliza la regla @keyframes?
Animación
Rotación
Transición
Ninguna es correcta
Indica la forma correcta de declarar una media query en un archivo CSS3:
@query only screen and (max-width: 640px)
@media-screen (max-width: 640px)
@media-query only screen and (max-width: 640px)
@media only screen and (max-width: 640px)
En una hoja de estilos CSS3, un selector:
Se enmarca entre las etiquetas selector.
Únicamente puede definir un atributo y su valor correspondiente.
Permite encontrar elementos HTML por nombre, id, clase, atributo, entre otros a los cuales se les desee aplicar un estilo.
En el que se busca un elemento por su id, tendrá menor prioridad que otro selector en el que se busca un elemento por su clase.
Cambiar de tamaño un objeto en CSS3:
transform: scale(1,2);
scale: 1.2;
transform: scale 1.2;
Ninguna es correcta
Para limpiar el float empleamos la propiedad CSS3:
reset
clean/
space
float
Un modo directo de elegir el marcador de una lista sería empleando la propiedad:
list-style-type
list-type
list-boliche
list-point
Para dar una medida en pixels emplearemos como unidad:
pixels
px
p
em
Escribe el selector CSS que seleccionaría todos los objetos con id=nuevo:
#nuevo
.nuevo
nuevo
nuevo{}
La propiedad "inline" en CSS hace que todos los elementos tengan una línea en la zona interior bordeando el elemento:
Verdadero
Falso
¿Con qué atributo le indicamos a una marca html, que emplee una determinada clase CSS?
clase
class
id
ame
Escribe el selector CSS que seleccionaría todos los enlaces y todos los párrafos:
a>p
.a.p
a,p
a+p
El "margin" es el margen exterior del objeto:
Verdadero
Falso
Escribe el selector CSS que seleccionaría todos los formularios de un documento:
idform
formid
forms
Ninguna es correcta
Seleccione la propiedad usada para poner un color de fondo a una imagen:
color
background-color
background:color
color:background
¿Cual es la opción para crear una lista con los elementos ordenados con números?
OI
DI
List
Order
Seleccione la propiedad usada para configurar el espacio entre las líneas de un texto:
spacing
spacing
letter-spacing
line-height
¿Cual es la forma mas sencilla para cplicar un mismo estilo a varios elementos HTML con una clase llamada "especial"?
special{ }
.special{ }
all.special{ }
div.special{ }
¿Cual es la propiedad para dar color a un texto?
text-color
text:color
color
font-color
¿Cual sería la propiedad para crear espacio entre un elemento y el contenido de dicho elemento?
margin
spacing
padding
border
¿Qué elemento HTML utilizamos para definir una hoja de estilos interna?
link
css
script
style
¿Cómo puedo dar estilo al tamaño de fuente de todos los elementos H2 de una página?
h2 {font-size:20px;}
h2.all {font-size:20px;}
h2#all {font-size:20px;}
all#h2 {font-size:20px;}
¿En qué parte de la página se definen las hojas de estilos externas?
Al final de la página
En cualquier parte de la página
Justo después del elemento BODY
En el HEAD de la página
¿Cuál de las siguientes sintaxis es correcta?
{body:color=red;}
body{color:red;}
{body;color=red;}
body{color=red;}
¿Para qué sirve la propiedad border-radius?
Para girar un elemento
Para indicar la distancia entre el texto y los bordes
Para redondear las esquinas de los bordes
Para indicar el radio de un círculo
¿Cuál es la forma correcta de invocar a una hoja de estilo?
<style src="/estilo.css">
<link rel="stylesheet" type="text/css" href="/estilo.css">
<style>estilo.css</style>
<link rel="stylesheet" type="text/css" src="/estilo.css">
¿Cómo podemos crear listas con hitos en forma de cuadrado?
list:square;
list-type:square;
list-style-type:square;
No se puede
(Asegúrate de haber respondido a todas) DE 30
BAREMO
Respuestas Correctas | Tu Calificación |
---|---|
0-9 | Muy deficiente |
10-14 | Suspenso |
15-19 | Aprobado |
20-24 | Notable |
25-29 | Sobresaliente |
30 | Matrícula de Honor |
ENJOY!