Web1. Conceptos Generales

¿Cuál es el orden correcto de los elementos en el modelo de caja de CSS, de adentro hacia afuera?

• Contenido, padding, border, margin

• Contenido, border, padding, margin

• Padding, contenido, border, margin

• Border, padding, contenido, margin

¿Qué atributo de la etiqueta `<img>` se utiliza para definir el texto alternativo en caso de que la imagen no se pueda cargar?

• alt

• src

• href

• title

¿Cuál es la propiedad de CSS que activa el modelo de Flexbox en un contenedor?

• display: block

• display: flex

• display: grid

• display: inline-flex

¿Cuál propiedad define la dirección principal de los elementos en un contenedor Flexbox?

• align-items

• flex-wrap

• flex-direction

• justify-content

¿Cuál es la función del atributo `target='_blank'` en un enlace `<a>` en HTML?

• Abre el enlace en la misma pestaña

• Abre el enlace en una nueva ventana o pestaña

• Redirige a otra sección de la misma

• Establece un enlace inactivo

¿Cuál será la apariencia del siguiente párrafo con este código?

p {

text-transform: uppercase;

letter-spacing: 2px;}`

```html

<p>Hola Mundo</p>

```

• El texto aparecerá en minúsculas con espacio normal

• El texto aparecerá en mayúsculas con más espacio entre letras

• El texto aparecerá en negrita

• El texto aparecerá en cursiva

En el siguiente código, ¿qué sucede con los elementos flexibles?

.container {

display: flex;

flex-direction: column;

}

• Se organizan en fila horizontalmente

• Se organizan en columna verticalmente

• Se alinean al centro

• No afecta la organización de los elementos

¿Qué efecto tiene este código en un `div`?

```css

.box {

width: 150px;

height: 150px;

background-color: green;

opacity: 0.5;}

• El `div` será completamente transparente

• El `div` será opaco sin transparencia

• El `div` tendrá un fondo verde con 50% de transparencia

• El `div` tendrá un fondo verde con 0.5% de transparencia

¿Qué propiedad controla el comportamiento de ajuste de los elementos dentro de un contenedor Flexbox?

• flex-grow

• flex-shrink

• flex-wrap

• align-items

¿Qué efecto tiene `margin: auto;` en un elemento con un ancho definido?

• Hace que el elemento ocupe todo el ancho disponible

• Centra el elemento horizontalmente

• Elimina los márgenes laterales

• Coloca el elemento en la parte superior de la página