CSS Flashcards
Que significa padding?
Relleno
Para que se usan los pseudo-elementos?
Para agregar estilos a una parte concreta del documento.
Que hace el pseudo-elemento ::before?
Agrega contenido antes de un elemento
Que hace el pseudo-elemento ::after?
Agrega contenido despues de un elemento
Para que se usa la propiedad content?
Para generar contenido dinamicamente.
Con que pseudo-elementos se usa content?
::before y ::after
Para quitar los bullets de una lista.
A que elemento hay que aplicarle estilo?
el contenedor de lista
Cual es el estilo que se usa en ul para quitar los bullets?
list-style: none;
Que define una pseudo-clase?
El estilo de un estado especial de un elemento.
:hover <br></br>
:active
Que define un pseudo-elemento?
El estilo de una parte especifica de un elemento.
::before <br></br>
::after
Cual es el tipo de display que usa el 100% del espacio asignado?
block
La etiqueta div es un block element?
Si.
En el modelo de caja, que propiedades se le pueden asignar a los block elements que a los inline no se les puede asignar?
Margin <br></br>
Padding <br></br>
Width <br></br>
Height <br></br>
Que es la etiqueta span?
Es un contenedor en línea. Sirve para aplicar estilo al texto o agrupar elementos en línea.
Que significa span en español?
Abarcar.
Cual es la diferencia entre span y div?
La principal diferencia es que span es inline y div es block
Cual es la primera diferencia entre display: inline-block con display: inline?
Inline-block permite configurar width y height.
<br></br> inline no lo permite.
Cual es la segunda diferencia entre display: inline-block con display: inline?
Inline-block respeta los margins y paddings del top y bottom.
<br></br> inline no.
Cual es la mayor diferencia entre display: block y display: inline-block?
Inline-block no hace un salto de linea. <br></br>
block si lo hace.
Donde se declaran las variables?
:root
Como haces que 1rem sea igual a 10px?
declarando en el selector html, font-size: 62.5%
