Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

09 Haga lo que hicimos

1.

body {
    background-color: rgb(227, 12, 12);
    color: rgb(216, 197, 22);
}


.texto-destacado {
    color : rgba(74, 22, 22, 0.792); 
}

.titulo-blog {
    color: rgb(22, 22, 74);
}
.urgente {
    color: blue;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
  1. Content: Esta es la zona donde reside el contenido real del elemento (texto, imágenes, etc.). El tamaño de esta área se define por las propiedades width y height del elemento. Cualquier cambio en estas dimensiones afecta directamente al espacio que el contenido ocupa.

Padding: El padding es el espacio entre el contenido y el borde del elemento. Se aplica internamente, es decir, aumenta el tamaño del área que envuelve el contenido sin afectar al tamaño de la caja global. Si aumentas el padding, el contenido se aleja más de los bordes del elemento, pero sin modificar el tamaño total del elemento en términos de layout.

Border: El border es la línea que rodea al padding y al contenido del elemento. Esta propiedad puede tener varios valores (grosor, estilo y color). El grosor del borde (border-width) se suma al tamaño total del elemento. Así, si defines un borde grueso, la caja total del elemento será más grande.

Margin: El margin es el espacio exterior al borde del elemento, que separa este de otros elementos en la página. Al contrario que el padding, el margin no afecta al tamaño del contenido ni de la caja, sino que añade espacio alrededor del elemento. Esto significa que si aumentas el margin, el espacio entre el elemento y sus vecinos aumentará, pero el tamaño del elemento en sí permanecerá igual.

<p class="texto-destacado" width="40px"> Romance Games Studios redefine los juegos de mundo abierto con
            narrativas envolventes y dinámicas. Nuestro equipo de
            diseñadores visionarios y programadores expertos
            crea vastos universos donde la libertad del jugador es primordial.
            Desde metrópolis futuristas hasta reinos de fantasía,
            nuestros juegos ofrecen entornos expansivos repletos de posibilidades.
            Con un sistema de IA avanzado, cada decisión del jugador influye en el
            mundo, las relaciones y la trama, creando experiencias únicas y personalizadas.
            En Romance Games Studios, no solo exploras un mundo abierto,
            lo vives y lo moldeas. Prepárate para sumergirte en universos donde
            cada elección cuenta, y donde tu historia se desarrolla con cada
            paso que das en nuestros vastos y detallados mundos.</p>
1 respuesta

¡Hola Miguel! ¿Cómo estás?

¡Gracias por compartir tu código con nosotros en el foro! Su contribución es esencial para el crecimiento de nuestra comunidad en Alura. Sigue así y no dudes en volver al foro si tienes alguna pregunta o dificultad.

¡Abrazos y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!