🎨

CSS: Modelo de Caja, Selectores y Media Queries

129 cards · 🇺🇸 English → 🇪🇸 Español

El modelo de caja de CSS, tipos de selectores, media queries y animaciones.

Study all 129 cards for free

Flashcards, quizzes, pixel-art games and a daily review that remembers for you.

Study this deck free

Try the first 10 cards

1 / 10
Question

CSS

Knew itLearning

Tap the card for the answer · swipe right if you knew it, left if not

Already have an account? Sign in

Cards

  1. 1CSS
    Cascading Style Sheets (hojas de estilo en cascada)
  2. 2CSS box model
    El modelo de diseño que describe cada elemento como una caja rectangular con contenido, padding, borde y margen
  3. 3Four parts of the CSS box model (from inside out)
    Contenido, padding, borde, margen
  4. 4Default value of box-sizing
    content-box
  5. 5Box-sizing: border-box
    Hace que width y height incluyan el padding y el borde, no solo el contenido
  6. 6Margin collapse
    Cuando los márgenes verticales de elementos de bloque adyacentes se combinan en un solo margen (el mayor de los dos)
  7. 7Shorthand order for margin/padding
    Arriba, derecha, abajo, izquierda (sentido horario desde arriba)
  8. 8Display: block
    Hace que un elemento ocupe todo el ancho disponible y comience en una nueva línea
  9. 9Display: inline
    Hace que un elemento permanezca en la misma línea y ocupe solo el ancho necesario
  10. 10Display: inline-block
    Combina características de ambos: permanece en línea pero permite establecer width/height
  11. 11Display: none
    Elimina el elemento por completo del flujo del documento (no reserva espacio)
  12. 12Visibility: hidden
    Oculta el elemento pero sigue reservando su espacio en el diseño
  13. 13Default position value
    static
  14. 14Position: relative
    Posiciona el elemento en relación con su posición normal; sigue formando parte del flujo del documento
  15. 15Position: absolute
    Posiciona el elemento en relación con su ancestro posicionado más cercano; se elimina del flujo del documento
  16. 16Position: fixed
    Posiciona el elemento en relación con el viewport; permanece fijo al desplazarse
  17. 17Position: sticky
    Alterna entre relative y fixed dependiendo de la posición del scroll
  18. 18Z-index
    Una propiedad que controla el orden de apilamiento de elementos posicionados que se superponen
  19. 19Default display value for div
    block
  20. 20Default display value for span
    inline
  21. 21Display: flex
    Activa el diseño Flexbox en un elemento, convirtiéndolo en un contenedor flex
  22. 22Flex-direction
    La dirección del eje principal: row (por defecto), column, row-reverse o column-reverse
  23. 23Justify-content
    Alinea los elementos a lo largo del eje principal (por ejemplo, flex-start, center, space-between)
  24. 24Align-items
    Alinea los elementos a lo largo del eje transversal (por ejemplo, flex-start, center, stretch)
  25. 25Flex-wrap
    Controla si los elementos flex se ajustan en varias líneas: nowrap (por defecto), wrap, wrap-reverse
  26. 26Flex: 1
    Abreviatura de flex-grow: 1, flex-shrink: 1, flex-basis: 0%
  27. 27Display: grid
    Activa el diseño CSS Grid en un elemento, convirtiéndolo en un contenedor de cuadrícula
  28. 28Grid-template-columns
    El número y tamaño de las columnas de una cuadrícula
  29. 29Grid-template-rows
    El número y tamaño de las filas de una cuadrícula
  30. 30Fr unit in CSS Grid
    Una unidad fraccional que representa una fracción del espacio disponible

And 99 more cards. Study the whole deck free

Articles about this deck

More Programming decks

See all
Study all 129 cards free