Mas CSS

Question 1

Que es la herencia?

Answer 1

Es el código CSS que el padre le pasa al hijo.

Question 2

Cuales son los mecanismos que controlan que reglas se aplican en los elementos html?

Answer 2

La cascada y la especificidad.

Question 3

Algunas propiedades CSS heredan por defecto los valores del elemento padre, pero otras no.

Que concepto es este?

Answer 3

El concepto de herencia.

Question 4

Que es la cascada en un primer nivel de simplicidad?

Answer 4

Significa que el orden de las reglas en CSS si importan.

Question 5

Si dos reglas tienen la misma especificidad cual sera la que se aplique?

Answer 5

La que aparece en ultimo lugar en el CSS.

Question 6

Que mide la especificidad?

Answer 6

Mide cuan especifica es la selección de un selector.

Question 7

Un selector de elemento tiene una alta especificidad o baja?

Answer 7

Baja.

Question 8

h1 class=”main-heading”>This is my heading.

.main-heading { 
    color: red; 
}
 <br>  
h1 { 
    color: blue; 
}

Que color tendra el h1?

Answer 8

Rojo porque el selector de clase tiene mayor especificidad.

Question 9

Cuando un elemento tiene varias reglas aplicadas como decide el navegador que reglas aplicar?

Answer 9

Con la especificidad.

Question 10

Si un elemento tiene un width de 50% sus descendientes tendran 50%?

Answer 10

No. Porque no todas la propiedades se heredan.

Question 11

Cuales son los 3 conceptos que controlan que CSS se aplica a que elemento?

Answer 11

Herencia, especificidad y la cascada.

Question 12

Cuales son las propiedades que no se heredan en CSS?

Answer 12

width <br></br>
margin <br></br>
padding <br></br>
border <br></br>

Question 13

Cual es el valor que “activa” la herencia de un padre hacia un hijo?

Answer 13

inherit

Question 14

Cual es el valor que establece que la propiedad que se aplica a un elemento seleccionado tenga el mismo valor que esta establecido para esa propiedad en el navegador?

Answer 14

initial

Question 15

Que hace el valor unset?

Answer 15

Restablece la propiedad a su valor natural.

Question 16

Cuales son las hojas de estilos de agente de usuario?

Answer 16

Son predeterminadas por el navegador.

Question 17

Cuando se aplican los estilos de agente de usuario?

Answer 17

Cuando no hay otro estilo.

Question 18

Cual es el orden de especificidad?

Answer 18

inline styles <br>
#id <br>
.class <br>
tag

Question 19

ul.important

Answer 19

Selecciona todos los elementos ul que tienen una class=”important”

Question 20

big.wide

Answer 20

Selecciona todos los elementos con id=”big” que tambien tiene una classe=”wide”ora

Question 21

El selector universal se puede combinar con otros selectores.
<br>
Que selecciona esto:
<br>
A *

Answer 21

Selecciona todos los elementos dentro de A

Question 22

Que selecciona esto: <br></br>

p *

Answer 22

Selecciona todos los elementos dentro de un p

Question 23

Que selecciona esto: <br></br>

ul.fancy *

Answer 23

Selecciona todos los elementos dentro los ul que tienen class=”fancy”

Question 24

En el HTML que son los siblings?

Answer 24

Son los elementos que tienen la misma indentación.

Question 25

Que hace el adjacent sibling selector?

A + B

Answer 25

Selecciona un elemento que le sigue directamente a otro elemento.

Question 26

Que selecciona esto: <br></br>

p + .intro

Answer 26

Selecciona todos los elementos con class=”intro” que le siguen directamente a un p.

Question 27

Que selecciona el General Sibling Selector?

A ~ B

Answer 27

Selecciona todos los elementos siblings que le siguen a otro elemento.

Question 28

Que selecciona el Child Selector?
<br></br>
A > B

Answer 28

Selecciona los hijos (children) B que estan directamente en A

Question 29

Que permiten hacer los combinadores?

Answer 29

Nos permiten combinar multiples selectores y crear una mayor especificidad.

Question 30

La medida relativa em.
<br></br>
Que tiene como referencia de medida?

Answer 30

El font-size del elemento actual.

Question 31

La medida relativa rem.
<br></br>
Que tiene como referencia de medida?

Answer 31

el font-size del elemento root. Por eso la r.

Question 32

La medida relativa rem tiene como referencia el elemento root.

<br></br>
Cual es el elemento root?

Answer 32

la etiqueta html.

Question 33

Cual es el font-size por defecto del navegador?

Answer 33

16px

Question 34

Que hace la propiedad de flexbox stretch?

Answer 34

Estira el contenedor hijo hasta el 100% del contenedor padre

Question 35

Que necesita el contenedor hijo para que la propiedad stretch funcione?

Answer 35

Que no tenga width o height

Question 36

En donde se usa la propiedad order?

Answer 36

En el contenedor hijo del flexbox.

Question 37

Para que se usa la propiedad order?

Answer 37

Para indicar el orden de los hijos en el flexbox.

Question 38

Cual es la sintaxis de la propiedad order?

Answer 38

order: 1;

Question 39

Cuando uno de los hijos no tienen indicado un order:
<br></br>
Como se organiza con los demas hijos?

Answer 39

Se organiza a la izquierda y el orden de los demas hijos se organiza con order.

Question 40

Porque hay que ponerle order a todos los contenedores hijos?

Answer 40

Para que no queden contenedores desorganizados.

Question 41

Que hace flex-grow?

Answer 41

Especifica el factor de crecimiento de un elemento flexible

Question 42

En flexbox que es el factor de crecimiento?

Answer 42

Especifica qué cantidad del espacio restante dentro del contenedor flexible, debería ocupar el item en cuestión.

Question 43

Que pasa con los items si tienen el mismo factor de crecimiento?

Answer 43

Todos los elementos reciben la misma cantidad del espacio restante.