Brainscape's Knowledge GenomeTM


Top Flashcards (Certified)
All Flashcards

MY_BLOQUE_III > Tema8_Seccion2_CSS > Flashcards

Tema8_Seccion2_CSS Flashcards

(92 cards)

Start Studying
1
Q

¿Quién estandariza CSS3?

A

La W3C (World Wide Web Consortium) y WHATWG (Web Hypertext Application Technology Working Group).

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

¿Qué tipo MIME es CSS?

A

(text/css) <link></link>

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

¿Qué tres componentes había en CSS1?

A

Selectores básicos, Modelo de caja y Cascada.

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

¿Qué cinco componentes que se añadieron en CSS2?

A

Posicionamiento, tipos media, capas, selectores avanzados y efectos.

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

¿Qué cinco componentes que se añadieron en CSS3?

A

Media queries, modules, flexbox/grid, multi-columna y selectores.

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

¿Qué tres preprocesadores CSS hay?

A

LESS, SASS, STYLUS

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

Di cinco componentes que se pueden usar en los preprocesadores CSS.

A

Variables, bucles, anidamiento, mixins, extends.

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

¿Qué son los Mixins en CSS?

A

Son una característica de los preprocesadores CSS que permiten reutilizar bloques de código CSS en varias partes del proyecto.

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

Di cuatro frameworks CSS.

A

Bootstrap, Foundation, Bulma, Materialize.

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

¿Cuál es la estructura básica de una regla CSS?

A

Una regla CSS se compone de un selector, seguido de un bloque de declaraciones encerrado entre llaves {}. Cada declaración contiene una propiedad y un valor, separados por : y finalizados con ;

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

¿En que tres ámbitos se puede aplicar una regla CSS?

A

En un fichero.css (Externo)
En el <style> del <head> de un fichero.html (Interno)
En una etiqueta <p style="...."> (Local)</style>

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

¿Qué hace la at-rule @charset?

A

Define la codificación de caracteres.

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

¿Qué hace la at-rule @import?

A

Importa otros archivos CSS.

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

¿Qué hace la at-rule @media?

A

Aplica estilos según el tamaño del dispositivo.

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

¿Qué hace la at-rule @font-face?

A

Carga fuentes personalizadas

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

¿Qué hace la at-rule @page?

A

Estilos para impresión.

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

¿Cómo se aplica un estilo a todas las etiquetas de un tipo específico en CSS?

A

Se usa el selector de etiqueta, escribiendo el nombre de la etiqueta HTML.

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

¿Cómo se aplica un estilo a un único elemento con un ID específico?

A

Se usa el símbolo # seguido del nombre del ID.

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

¿Cómo se aplican estilos a varios elementos con la misma clase?

A

Se usa el punto . seguido del nombre de la clase.

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

¿Cómo se aplica un estilo solo a etiquetas específicas con una clase?

A

Se combina el nombre de la etiqueta con el nombre de la clase.

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

¿Cómo aplicar el mismo estilo a múltiples etiquetas?

A

Se separan los selectores con comas ,.

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

¿Cómo aplicar un estilo solo a elementos dentro de otro (descendientes)?

A

Se escribe etiqueta1 etiqueta2.

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

¿Cómo aplicar un estilo solo a elementos que sean hijos directos de otro?

A

Se usa el símbolo > entre los selectores.

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

¿Cómo aplicar estilos a elementos que son hermanos de otro, pero no necesariamente consecutivos?

A

Se usa ~ entre los selectores.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
¿Cómo aplicar estilos solo al hermano inmediato de otro elemento?
Se usa + entre los selectores.
26
¿Cómo aplicar estilos a elementos cuyo atributo comience con cierto valor?
Se usa ^= dentro de los corchetes [ ]. Ej: a[href^="https"] {}
27
¿Cómo aplicar estilos a elementos cuyo atributo termine en cierto valor?
Se usa $= dentro de los corchetes [ ]. Ej: img[src$=".png"] {}
28
¿Cómo aplicar estilos a elementos cuyo atributo contenga una palabra específica?
Se usa *= dentro de los corchetes [ ]. Ej: a[href*="shop"] {}
29
¿Cómo aplicar estilos a elementos cuyo atributo contenga un valor en una lista separada por espacios?
Se usa ~= dentro de los corchetes [ ]. Ej: div[class~="destacado"] {}
30
¿Cómo aplicar estilos a elementos que tienen un atributo específico, sin importar su valor?
Se usa solo [atributo]. Ej: input[disabled] {}
31
¿Cómo aplicar un estilo a un elemento mientras está siendo clickeado?
Se usa :active, que se activa cuando el usuario hace clic en el elemento.
32
¿Cómo cambiar el estilo de un elemento cuando el usuario pasa el cursor sobre él?
Se usa :hover para aplicar estilos cuando el cursor está sobre el elemento.
33
¿Cómo aplicar un estilo a los enlaces que ya han sido visitados?
Se usa :visited en los enlaces .
34
¿Cómo resaltar campos de formulario con valores incorrectos?
Se usa :invalid en inputs con validación HTML. Ej: input:invalid {}
35
¿Cómo aplicar un estilo a elementos vacíos?
Se usa :empty para seleccionar elementos sin contenido.
36
¿Cómo aplicar un estilo a los campos obligatorios de un formulario?
Se usa :required en los inputs con required.
37
¿Cómo aplicar un estilo solo al primer hijo de un contenedor?
Se usa :first-child.
38
¿Cómo aplicar un estilo a elementos en posiciones específicas dentro de su padre?
Se usa :nth-child(n), donde n es la posición. Ej: li:nth-child(2) {}
39
¿Cómo aplicar un estilo a todos los elementos excepto a ciertos selectores?
Se usa :not(selector). Ej: p:not(.especial) {}
40
¿Cómo seleccionar elementos padres que contengan un elemento específico?
Se usa :has(), pero no es compatible con todos los navegadores. Ej: div:has(img) {}
41
¿Cómo aplicar un estilo a elementos según el idioma del documento?
Se usa :lang(código-idioma). Ej: p:lang(es) {}
42
¿Cómo definir variables CSS globales con mayor especificidad que html?
Se usa :root, que representa la raíz del documento. Ej: :root {}
43
¿Qué significa el término "cascada" en CSS?
La cascada en CSS es el mecanismo que decide qué regla aplicar cuando hay múltiples reglas que afectan el mismo elemento.
44
¿Cuál es el orden de prioridad cuando varias reglas CSS se aplican a un mismo elemento?
Estilos por defecto del navegador Estilos definidos por el usuario en el navegador Estilos del documento: CSS externo (style.css) CSS en el (