21. HTML / CSS Flashcards

(197 cards)

1
Q

FUNCIÓN DEL API GEOLOCATION DE HTML

A

Permite obtener la posición del usuario

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

NIVELES DE ESPECIFICIDAD DE LA CASCADA CSS

A

1000 - Estilos en línea
0100 - ID
0010 - Clases, pseudoclases y atributos
0001 - Elementos y pseudoelementos

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

¿CON QUÉ ESTILO CSS PODEMOS CREAR UNA TABULACIÓN EN LA PRIMERA LÍNEA DE UN PÁRRAFO?

A

Con text-indent

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

FRAMEWORKS CSS

A

Bootstrap
Material Design
Tailwind
Bulma
Foundation

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

PSEUDOCLASE CSS PARA EL PRIMER ELEMENTO DENTRO DE OTRO ELEMENTOS

A

:first-child

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

ETIQUETA <title>

A

Define el texto visible de la pestaña del navegador

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

¿CÓMO SE DEFINE EL CONJUNTO DE CARACTERES EN UN DOCUMENTO HTML?

A

<meta charset=”utf8”>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

¿QUIÉN LLEVA ACTUALMENTE EL ESTÁNDAR HTML?

A

WHATWG (Web Hypertext Application Technology Working Group)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

PSEUDOCLASE PARA ELEMENTOS check, radio U options SELECCIONADOS

A

:checked

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

¿CON QUÉ ATRIBUTOS PODEMOS DEFINIR LA LONGITUD DE UN INPUT?

A

Con size definimos la longitud del campo

Con maxlength y minlength el máximo y mínimo de caracteres del input

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

FUNCIÓN DEL API WEBSOCKET DE HTML

A

Permite la comunicación bilateral entre cliente y servidor mediante un único canal

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

¿QUÉ ETIQUETA SE UTILIZA PARA ENTRADAS DE TECLADO? ¿Y PARA SALIDAS POR PANTALLA DE UN PROGRAMA?

A

<kbd>

<samp>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

PSEUDOCLASE PARA ELEMENTOS QUE CONTENGA OTRO ELEMENTO DADO

A

:has()

div:has(img)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

¿QUÉ ETIQUETA HTML PERMITE INSERTAR CONTENIDO INDEPENDIENTE DEL FLUJO PRINCIPAL PERO RELACIONADO CON ESTE?

A

<figure>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

MOTOR DE RENDERIZADO DE SAFARI

A

WebKit

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

FUNCIÓN DEL API SERVER-SENT EVENTS DE HTML

A

Permite al servidor enviar actualizaciones en tiempo real

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

¿CON QUÉ ETIQUETAS HTML SE PUEDE DEFINIR UNA LISTA?

A

<ol> para listas ordenadas
<ul> para listas desordenadas
Ambas tienen dentro los <li> (list item)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

ORDEN DE LA IMPORTANCIA EN LA CASCADA CSS

A

1 - !important del navegador
2 - !important del usuario
3 - !important del desarrollador
4 - declaraciones del desarrollador
5 - declaraciones del usuario
6 - declaraciones del navegador

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

¿QUÉ ETIQUETA HTML DEFINE UN MARCO EN EL QUE AGRUPAR INPUTS?

A

<fieldset>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

DIFERENCIA ENTRE <select> Y <datalist>

A

Ambos muestran un desplegable de opciones, pero en <datalist> no es obligatorio elegir una opción

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

¿QUÉ HACE LA ETIQUETA <br>? ¿Y <wbr>?

A

<br> crea un salto de línea

<wbr> define oportunidades de salto de línea

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

ETIQUETA <nav>

A

Contiene la zona de enlaces de navegación

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

ESTILO CSS PARA CREAR TRANSPARENCIAS EN ELEMENTOS

A

opacity

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

VALORES QUE PUEDE TOMAR EL ESTILO text-transform

A

capitalize para poner la primera letra en mayúscula

uppercase pasa todo a mayúculas

lowercase pasa todo a minúsculas

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
DIFERENCIA ENTRE \, \ Y \
\ Texto EMfatizado \ Texto importante \ Llama la atencion sin importancia destacable
26
ETIQUETAS SEMÁNTICAS DE TABLAS
\ \ \
27
¿QUÉ SE DEFINE CON @font-face EN CSS?
Familias de tipografías externas
28
¿QUÉ DOS ESTILOS APLICAN SOMBRAS A LOS ELEMENTOS?
box-shadow para las cajas text-shadow para los textos
29
¿CÓMO SE ENLAZA EL FAVICON?
\
30
¿TRAS UTILIZAR UN PREPROCESADOR, PUEDE EL NAVEGADOR ENTENDER EL CONTENIDO?
No, hay que compilarlo antes
31
¿QUÉ ES UN MOTOR DE RENDERIZADO?
Un software que transforma datos como HTML en imágenes visuales para ser mostradas por pantalla
32
¿CÓMO PODEMOS DEFINIR UN DEGRADADO DE FONDO DE UN ELEMENTO?
Con background-image: linear-gradient
33
¿A QUÉ ETIQUETA SUSTITUYÓ \?
\
34
ETIQUETA \