20227158
Description
Flashcards by Asís Melgarejo, updated more than 1 year ago
|
|
Created by Asís Melgarejo
over 4 years ago
|
|
| Question | Answer |
| ¿Qué es el PADDING? | Es una propiedad de relleno, permite definir una separación entre el contenido interno y el borde de un elemento. |
| ¿El inspector de elementos de qué color muestra el PADDING y MARGIN de un elemento respectivamente? | VERDE y NARANJA |
| ¿Cómo se asignan los valores a la propiedad PADDING? | .element{ //padding: top right bottom left //padding: top-bottom right-left } |
| ¿Cómo saber cuándo usar PADDING o MARGIN? | Dándole un borde o background al elemento |
| ¿Qué es el modelo de caja? | Es un concepto teórico de css que representa a cada elemento html en base sus propiedades de: margin, border, padding y dimensiones |
| Según el modelo de caja, ¿Cómo se obtiene el ancho de un elemento HTML? | Sumatoria de los valores de: - width - padding-right -padding-left -border-right-width - border-left-width |
| ¿Para que sirve la propiedad BOX-SIZING? | Si se le asigna el valor BORDER-BOX se puede modificar el modelo de caja para que nuestro elemento nunca supere el tamaño máximo que le hayamos definido en WIDTH y HEIGHT. |
| ¿Qué es DISPLAY? | Es una propiedad CSS que sirve para indicar cómo debe ser mostrado un elemento HTML. |
| ¿Qué valor tiene el DISPLAY de un elemento HTML que no se ve? | .elemento{ display: none } |
| ¿Cuáles son los valores más comunes que puede recibir la propiedad DISPLAY? | - Block - Inline - inline-block - flex - grid - none |
| ¿Qué hace la propiedad DISPLAY con el valor BLOCK? | El elemento intentará abarcar todo el espacio disponible: .elemento{ flex: block } |
| ¿Qué hace la propiedad DISPLAY con el valor INLINE? | Reduce su tamaño hasta exclusivamente lo que abarca su contenido: .elemento{ display: inline } |
| ¿Qué hace la propiedad DISPLAY con el valor INLINE-BLOCK? | Respeta las dimensiones indicadas en las propiedades de WIDTH y HEIGHT; Coloca en línea los elementos que tengan DISPLAY INLINE e INLINE-BLOCK: .elemento{ display: inline-block } |
| ¿Qué hace la propiedad DISPLAY con el valor FLEX? | Favorece la alineación de los elementos internos de otro elemento: .elemento{ display: flex } |
| ¿Qué hace la propiedad DISPLAY con el valor GRID? | Organiza los contenidos en filas y columnas: .elemento{ display: grid } |
| ¿Qué es un bloque? | Toda una sección horizontal. |
| ¿Qué es la propiedad de flexbox ? | Tipo de display en css que permite un manejo flexible de la alineación, dimensionamiento y distribución de elementos html. |
| ¿Cuáles son las características del display flex? | • Se aplica a un elemento padre, pero afecta principalmente a sus elementos hijos directos. • Por defecto, los elementos internos quedan alineados unos seguidos de los otros. El comportamiento del modelo de caja de estos elementos hijos también se ha modificado, ya que pierden el efecto de su propiedad margin. |
| ¿Qué efecto se obtiene al combinar las propiedades flex-shrink y flex-wrap? | Adaptar y distribuir los elementos en el espacio horizontal disponible hasta ocupar todo el espacio disponible. |
| ¿Cuál es la propiedad que permite cambiar la orientación de un elemento HTML? | flex-direction .elemento{ display: flex; flex-direction: row; } |
| ¿Cuál es la propiedad para alinear elementos horizontalmente elementos que tengan DISPLAY FLEX? | Justify-content .elemento{ justify-content: //flex-start, flex-end, center, space-between, space-evenly, space-around } |
| ¿Cuál es la propiedad para alinear elementos verticalmente cuyo padre tiene DISPLAY-FLEX? | Align-items .elemento{ display: flex; align-items: //flex-start, flex-end, center; } |
| ¿Cuál es la propiedad para quitar la enumeración de las listas ordenadas? | .elemento{ list-style: none; } |
| ¿Cuál es la propiedad para alinear imágnes con respecto a textos? | .elemento{ vertical-align: middle; } |
Want to create your own Flashcards for free with GoConqr? Learn more.