NEW
Font size
WorksheetsDPIN-00
Total questions: 30
Worksheet time: 22mins
Sintaxis correcta para la siguiente instrucción.
<link rel="stylesheet" href="css/estilos">
.css
.ccs
css
¿Cuáles son los tags faltantes?
<div ="menu col-xs-12 col-md-6">
<a href="#">Productos
<a href="#">Contacto</a>
class </a> </div>
</a> </div>
id </a></div>
¿La imagen esta relacionada con la distribución en Bootstrap de ?
Contenedor
Columna
Fila
El tamaño sm alcanza un ....
Ancho mayor o igual a 768 px
Ancho mayor o igual a 992px
Ancho mayor o igual a 576 px
Ancho mayor o igual a 1200px
El tamaño xl alcanza un ....
Ancho mayor o igual a 768 px
Ancho mayor o igual a 992px
Ancho mayor o igual a 576 px
Ancho mayor o igual a 1200px
El tamaño lg alcanza un ....
Ancho mayor o igual a 768 px
Ancho mayor o igual a 992px
Ancho mayor o igual a 576 px
Ancho mayor o igual a 1200px
El tamaño md alcanza un ....
Ancho mayor o igual a 768 px
Ancho mayor o igual a 992px
Ancho mayor o igual a 576 px
Ancho mayor o igual a 1200px
text-primary text-secondary text-success
text-danger text-warning text-info text-light
text-dark text-body en bootstrap son:
Tipografía
Colores
Alineación
Todas las anteriores
¿La sintaxis siguiente que función realiza?
<span class="border border-primary"></span>
Bordes Punteados
Bordes Redondeados
Bordes Línea
Bordes Doble Línea
¿Ocupo "Col" en Bootstrap para definir?
Columna
Fila
Contenedor
Clase
.calculadora td button: hover{
cursor:pointer;}
El evento permite cambiar el cursor
El evento permite cambiar el color
El evento realiza ambas acciones
#resultado{
}
Sintaxis para llamar una clase
Sintaxis para llamar una clase y un id
Sintaxis para llamar un id
body
font-family: "Open Sans", Arial, Sans-serif
font-size: 16px
¿Función de la sintaxis anterior?
Todo lo que este en body tiene tamaño 16px
Todo lo que este en body tiene la tipografía "Open Sans"
Realiza las dos acciones
font-family: "Open Sans", Arial, Sans-serif
¡Razón por la que se establecen dos tipografías y una familia en la sintaxis del font-family?
Son configuraciones establecidas para bootstrap
Son determinados de forma automática por el navegador
Se determina Open Sans y si no esta el navegador asigna Arial y si no encuentra ninguna usa cualquiera de la familia Sans-serif
header
background-repeat: no-repeat
.contenedor_logo_menu
padding: 25px 0
.logo
a
display: block
img
vertical-align: top
¿Sintaxis escrita con?
css
sass
scss
<div class="container"> </div>
¿Cuál es la finalidad de esa declaración?
Declarar una clase llamada "class container"
Declarar una clase llamada "container"
Declarar una clase llamada "contenedor"
Finalidad de la etiqueta
<meta name="keywords" content="html,css,js,ventas"/>
Definir palabras clave para el buscador
Se encarga de codificar los números y hacerlos accesibles para los ordenadores.
Se encarga de codificar los números y hacerlos accesibles para los ordenadores.
Tamaño máximo en columnas que puede alcanzar Bootstrap
12
10
1
6
Tamaño mínimo en columnas que puede alcanzar Bootstrap
12
10
1
6
Framework front-end utilizado para desarrollar aplicaciones web y sitios mobile first, o sea, con un layout que se adapta a la pantalla del dispositivo
Bootstrap
SASS
CSS
HTML
Es un conjunto con una propiedad de ancho máximo, que determina qué tamaño de tela es ideal para crear el diseño de página.
Container
Container-fluid
Container-{ breakpoint}
background: #9aca40
Establece algunas o todas las propiedades del color y/o imagen de fondo de un elemento.
Establece el espacio de relleno requerido por todos los lados de un elemento.
Establece el tipo de letra (fuente) del elemento.
Propiedad CSS especifica el peso o grueso de la letra
font-height
font-weight
line-height
Propiedad CSS establece la altura de una casilla remarcada por líneas.
font-height
font-weight
line-height
Propiedad CSS establece la altura de una casilla remarcada por líneas.
font-height
font-weight
line-height
El lenguaje de marcado de hipertexto es el lenguaje utilizado para describir y definir el contenido de una página web.
HTML
CSS
JavaScript
Se utilizan para describir la apariencia del contenido web.
HTML
CSS
JavaScript
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
Determina la función
Inserta la fuente
Configura el tamaño del texto
Inserta y configura un estilo
Es una instrucción especial que va al inicio de nuestro documento HTML y que permite al navegador entender qué versión de HTML estamos utilizando.
<!DOCTYPE html>
<html>
<title>
<body>
Provee información general (metadatos) acerca del documento, incluyendo su título y enlaces a scripts y hojas de estilos
<!DOCTYPE html>
<html>
<head>
<body>
