Quiz
CONOCIMIENTOS BASICOS CSS
This quiz has a time limit, so it opens in the usual player.
Questions in this quiz (20)
1Seleccione una regla de estilo de línea (in-line)
- A.micolor{background-color:red;}
- B#micolor{background-color:blue;}
- Cp{background-color:yellow;}
- D<p style="background-color:green;">
2para definir un estilo de identificador se debe usar:
- Ael simbolo # antes del nombre de identificador del elemento
- BEl simbolo # despues del nombre de identificador del elemento
- Cel simbolo . (punto) antes del nombre de identificador del elemento
- Dsolo el nombre de identificador del elemento
3el error en la regla de estilo border:solid black 1px; es:
- Aprimero debe definirse el color
- BEl punto y coma par aun solo estilo anula el estilo
- Cel estilo no es border, es border-style
- DNo hay ningún error
4Seleccione los posibles valores par el estilo display de css (escoja todos los que apliquen)
- Anone
- Bvisible
- Cinline
- Dinline-block
5Seleccione todos los estilos css que afectan el tamaño de un elemento de tipo bloque (block) (selecione todos los que apliquen)
- Amargin
- Bpadding
- Cborder
- Dwidth
6El estilo css transform solo se puede aplicar a elementos de tipo imagen
- ATrue
- BFalse
7seleccione todos los estilos incorrectos
- Abakground-color=red;
- BbackgroundColor:red
- Cbackground-color:yellow;
- Dbackground-color:#fftt25
8Los estilos de identificador son aquellos que solo se pueden asignar a un único elemento
- ATrue
- BFalse
9Un estilo de clase es aquel que:
- ASe aplica a un único elemento
- Bse puede aplicar a varios y diferentes tipos de elementos
- Cse aplica solo a elementos de un mismo tipo
- Dno existen estilos de clase
10Los formatos de color que se pueden usar en hojas de estilo son (seleccione todos los que apliquen)
- AHexadecimal
- Bdecimal
- Crgb
- Drgba
11para cambiar el tipo de letra de un elemento se usa el estilo
- Afamily-font
- Bfont-family
- Cfuente
- Dfamily-type
12para que el objeto a luzca (izquierda) luzca como el objeto b (derecha ) se de e aplicar el estilo:
- Atrnsform:45deg;
- Btransform:rotate(45deg);
- Ctransform: skewX(45deg);
- Dtransform: skewY(45deg);
13La diferencia entre usar los estilos display:none; y visibility:hidden; es que display:none; hace un obejto invisible pero los elementos a su alrededor continúan comportandose como si el eleemnto estuviera en su lugar, mientras visibility:hidden; elimina las referencias no solo a la visibilidad del elemento sino también a sus dimensiones.
- ATrue
- BFalse
14La regla de estilo:
#cuadro{ position:relative; top: 25px; left: 120px;} provocara que :- Ael objeto con identificador cuadro se desplaze 25 piexeles hacia abajo desde su posicion original, y que se desplaze 120 pixeles a la derecha desde su posicion original.
- Bel objeto cuadro se mueva 25 pixeles hacia arriba desde su posicion original y 120 pixeles a la derecha desde su posicion original
- Cel objeto con identificador cuadro separe su borde superior 25 pixeles del borde superior de la ventana del navegador y separe su borde izquierdo 120 pixeles del borde izquierdo de la ventana del navegador
- Del objeto con clase cuadro se desplaze 25 piexeles hacia abajo desde su posicion original, y que se desplaze 120 pixeles a la derecha desde su posicion original.
15Los posibles valores del estilo visibility son:
- Ahidden y none
- Bhidden y display
- Cvisible y hidden
- Dinline,none,hidden y visible
16para camb iar el color de la letra a azul se debe usar:
- A<font color="blue">
- Bcolor:blue;
- Cfont-color:blue;
- Dbackground-color:blue;
17la propiedad translate del estilo transform mueve un objeto vertical y horizontalmente teniendo en cuenta su posicion absoluta
- ATrue
- BFalse
18Qué modelo de color se debe usar para definir un color de relleno que use transparencia?
- Argb
- Bhexadecimal
- Cusando nombre de colores
- Drgba
19se aplica la siguiente regla de estilo a una página web:
<style>
html, body{ width:100%;}
#contenedor{ width:800px;}
table{ width:50%;}
</style>
y tenemos el siguiente código HTML
<!DOCTYPE html>
<html>
<body>
<div id="contenedor">
<table>
<tr><td>datos</td></tr>
</table>
</div>
</body>
</html>
si el area de trabajo de la ventana del navegador es de 1200 pixeles, el ancho de la tabla sera:- Ael ancho de la tabla cambia de acuerdo al ancho de la ventana del navegador
- Bla tabla tendrá 600 pixeles de ancho
- Cla tabla tendrá 800 pixeles de ancho
- Dla tabla tendra 400 pixeles de ancho
20cuando se define el tamaño de un elemento con los estilos css height y width usando porcentajes (%), el tamaño del elemento será relativo al objeto que lo contiene
- ATrue
- BFalse
Information
- Description
- Evaluación de competencias básicas de CSS
- Author
- Deleted user
- Language
- English
- Views
- 118
- History
- Created on 12 Aug 2016 · updated on 1 Feb 2019
- Tags
- Rating
- No ratings yet Rate this quiz