Usar el selector body para hacer una nueva regla de CSS que cambie la font-family de toda la página.

Nombre: Mateo - Fecha: 01/11/2023

¡Hola! Estoy intentando hacer que un div se mueva hacia la derecha 40 px y tiemble en HTML con un documento CSS. ¿Alguien podría ayudarme con el código necesario para lograrlo? ¡Gracias de antemano!

Respuesta

Para hacer que un div se mueva hacia la derecha 40px y tiemble en HTML con un documento CSS, puedes utilizar animaciones y transformaciones. Aquí tienes un ejemplo de cómo lograrlo:

HTML:
```html

```

CSS:
```css
.movimiento {
width: 100px;
height: 100px;
background-color: red;
position: relative;
animation: mover 2s infinite;
}

@keyframes mover {
0% {
transform: translateX(0);
}
50% {
transform: translateX(40px);
transform-origin: center bottom;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-name: shake;
animation-duration: 0.1s;
animation-delay: 0.5s;
}
100% {
transform: translateX(0);
}
}

@keyframes shake {
from { transform: rotate(0deg); }
to { transform: rotate(3deg); }
}
```

En este ejemplo, el div con la clase "movimiento" se moverá hacia la derecha en un intervalo de tiempo de dos segundos y se repetirá infinitamente. Además, durante el movimiento, el div temblará alternando entre una rotación de 0 a 3 grados para darle el efecto de temblor.

Puedes ajustar los valores de duración, distancia y estilo del temblor según tus necesidades.

Nombre: Luna - Fecha: 09/11/2023

¡Hola! Me gustaría saber cómo puedo cambiar la fuente de toda mi página web utilizando CSS. ¿Podrían explicarme cómo se utiliza la propiedad `font-family` para lograr este efecto? ¡Gracias!

Respuesta

Para cambiar la `font-family` en toda la página utilizando CSS, puedes usar el selector `body` para crear una regla que afecte a todo el contenido de la página. Aquí te muestro un ejemplo de cómo se hace:

```css
body {
font-family: Arial, sans-serif;
}
```

En este ejemplo, el selector `body` se utiliza para aplicar la regla de `font-family` a todo el contenido de la página. La propiedad `font-family` especifica la fuente que se utilizará para mostrar el texto en la página. En este caso, se establece que se utilice la fuente "Arial" como primera opción, y si no está disponible, se utiliza cualquier fuente genérica del tipo "sans-serif".

Puedes modificar el valor de `font-family` según tus preferencias y necesidades. Una vez que agregues esta regla a tu archivo CSS, la fuente especificada se aplicará a todo el contenido dentro del elemento `body`.

Nombre: Marcela - Fecha: 09/11/2023

¡Hola! Me gustaría saber cuál es el selector que debo usar en CSS para aplicar una regla a todo el cuerpo de mi página web. ¿Alguien puede ayudarme con esta duda? ¡Gracias!

Respuesta

Para aplicar una regla de CSS a todo el cuerpo de la página, se utiliza el selector "body". Puedes usarlo para cambiar propiedades como la font-family, el color de fondo, el tamaño del texto y más. Por ejemplo:

```css
body {
font-family: Arial, sans-serif;
}
```

Esta regla cambiará la fuente de toda la página a Arial o cualquier fuente sans-serif que esté disponible en el sistema del usuario.