Por alguna razón, a mi en inspeccionar elementos, no me aparece nada de los estilos, es más, me aparecen los estilos dentro de Head, pero...

Erick Eduardo Díaz Carreón

Pregunta

student•hace 4 años

Por alguna razón, a mi en inspeccionar elementos, no me aparece nada de los estilos, es más, me aparecen los estilos dentro de Head, pero en mi código está fuera de head, alguien sabe porqué pasa esto? Les dejo una imagen y mi código

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .caja1 {
        background-color: royalblue;
        width: 20px;
        height: 20px;
        padding: 20px;
        border: 2px solid red;
        box-sizing: border-box;
        margin: 10px 20px 30px 40px;
    }

    .caja2 {
        background-color: yellow;
        width: 30px;
        height: 30px;
    }
</style>
<body>
    <div class="caja1"></div>
    <div class="caja2"></div>
</body>
</html>

John Cardenas

student•hace 4 años

Hola Erick

Asegúrate de haber guardado los cambios y actualizar la página donde estás revisando el proyecto.

A primera vista no veo algún error en tu código. ¿Podrías mostrar lo que te sale en la consola?

Por alguna razón, a mi en inspeccionar elementos, no me aparece nada de los estilos, es más, me aparecen los estilos dentro de Head, pero...

Curso de Frontend Developer

Curso de Frontend Developer