Font size
WorksheetsCSS AV.5
Total questions: 40
Worksheet time: 23mins
¿Qué significa CSS?
Coded Style Sheets
Cascading Style Sheets
Color Style Sheets
Ninguna de las anteriores
Como se le llama a la estructura de CSS
Etiqueta
Atributo
Selector
Valor
¿Que es lo siguiente? * {color:red;}
Selector General
Selector Universal
Etiqueta General
Ninguna de las anteriores
En que etiqueta se debe vincular una hoja de estilo
<body>
<html>
<title>
<head>
Forma de guardado CSS
nombre . css
nombre.css
nombre.html
todas las anteriores
¿Para que se utiliza el CSS?
Se utiliza para organizar la presentación y aspecto de una página web.
Solo se utiliza para animar elementos de una pagina web.
Para que se vea bonita una aplicacion.
Se utiliza para añadir color, formas, codigo y caracteristicas especiales a una pagina web.
Seleccione la sintaxis correcta de CSS.
¿Con cuál de los siguientes llamados se hace una referencia a una hoja de estilo externa?
<link rel=stylesheet type=text/css href=style.css />
<link rel="styleshet" type="text/css" href="style.css">
<link rel=stylesheet type=text/css href=style.css>
<link rel="stylesheet" type="text/css" href="style.css" />
En CSS, para cambiar el color de fondo de un elemento se usa
color
bgcolor
background-color
backcolor
¿Cómo se define un color de fondo para todas las etiquetas "p" en CSS?
p.all {background-color:red;}
#p {background-color:red;}
.p {background-color:red;}
p {background-color:red;}
Declaración de una class en CSS
.class
#class
#.class
todas las anteriores
¿Qué propiedad se emplea para cambiar el tipo de letra de un elemento?
text-type
text-family
font-type
font-family
repeticion Horinzontal
repeat-x
x-repeat
y-repeat
repeat-y
No pertenece a la escala de opacidad y transparencia
1
0.3
0.6
1.5
repeticion vertical
repeat-x
x-repeat
y-repeat
repeat-y
Unidad estándar para asignar proporciones de tamaño sobre imágenes en pagina web
pixeles
porcentaje
cm
puntos
Selector para asignar estilo a la imagen1.
<img id="destacada1" src="imagen1.png" />
<img id="destacada2" src="imagen2.png" />
.destacada2
#destacada2
.destacada1
#destacada1
asignar un filtro en escala de grises
filter: opacity(.5);
filter: sepia(60%);
filter: saturate(180%);
filter: grayscale(80%);
asignar un filtro tipo sepia
filter: opacity(.5);
filter: sepia(60%);
filter: saturate(180%);
filter: grayscale(80%);
Representa los grados de rotación para un objeto en css.
px
deg
grad
%
Permite modificar el espacio de coordenadas del modelo de formato visual CSS. Usándola, los elementos pueden ser trasladados, rotados, escalados o sesgados de acuerdo a los valores establecidos.
transform
webkit
hover
todas las anteriores
Propiedad que permite redondear bordes en una imagen
transform: rotateY(180deg);
border-radius:50%;
transform: rotate(360deg);
ninguna de las anteriores
establece el margen para los cuatro lados
webkit
transform
border
margin
El relleno se utiliza para crear espacio alrededor del contenido de un elemento, dentro de los bordes definidos.
padding
display
margin
overflow
El relleno se utiliza para crear espacio alrededor del contenido de un elemento, dentro de los bordes definidos.
Padding
Margin
display
Ninguna de las anteriores
declaración para asignar un padding de 50px de espacio arriba.
padding-right: 30px;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 80px;
Es correcto realizar una declaración del padding en esta forma:
padding: 25px 50px 75px 100px;
Falso
Verdadero
representa una sección genérica de un documento. Sirve para determinar qué contenido corresponde a qué parte de un esquema. Piensa en el esquema como en el índice de contenido de un libro; un tema común y subsecciones relacionadas.
<header></header>
<div></div>
<section></section>
<footer></footer>
Agrupación de selectores que dan como resultado el siguiente:
body{text-align: center;
color: blue;}
* {text-align: center;
color: blue;}
p{text-align: center;
color: blue;}
h1, p{text-align: center;
color: blue;}
Selector para asignar fondo verde al titulo
* {
background-color: green;
}
h1 {
color: green;
}
h1 {
background-color: green;
}
ninguna de las anteriores
Escribe un ejemplo en CSS donde un <div> tenga un borde que parece estar hundido hacia adentro del elemento. en todos sus lados.
(a)
Elemento border-style que muestra el borde parece estar salido, como en relieve hacia afuera.
(a)
¿Cómo se define un borde tipo solido color negro de un pixel ?
{ border: solid; }
{ border: 1px solid black; }
{ border-style: dotted; }
{ border-width: 2px; }
Como se cambia el color del texto en un span?
Color : red;
span{
text-color : red;
}
@span{
color : red;
}
p{
color : red;
}
span{
color : red;
}
Como se escoge por clase?
#class{
text-color : red;
}
.class{
text-color : red;
}
-class{
text-color : red;
}
*class{
text-color : red;
}
%class{
text-color : red;
}
Con cual propiedad se ajusta el ancho de una imagen
Width
Height
Length
Longitude
strength
Con cual propiedad ajustas el espacion adentro de un elemento?
Madding
Pargin
Spacing
Padding
Margin
¿Cual es la salida de un elemento h1, con el estilo de la imagen?
¿Cual es la sintaxis para colocar CSS de manera externa?
carácter que se utiliza en CSS para seleccionar un ID
.ID
#ID
,ID
:ID
