Bienvenido a la Comunidad de Treehouse
¿Quieres colaborar en errores de código? ¿Tienes errores que necesitan comentarios? ¿Buscas un par de ojos adicionales en tu último proyecto? aquí.
¿Buscas aprender algo nuevo?
Treehouse ofrece una prueba gratuita de siete días para estudiantes nuevos. Obtén acceso a miles de horas de contenido y únete a miles de
Inicia tu prueba gratuita
Danielle Jacobs
1,455 Puntos¡Ayuda! ¡No entiendo por qué mi respuesta es incorrecta!
Realmente no sé qué busca esto. He usado las pistas y un verificador y no hay nada malo en mi código.
.header {
padding-top: 20px;
relleno-inferior: 25px;
}
<!DOCTYPE html>
<html lang=es>
<head>
<meta charset=UTF-8>
<meta name=viewport contenido=width=device-width, initial-scale=1>
<title>Blog de Diane la desarrolladora</title>
<link rel=stylesheet href=page.css>
<link rel=stylesheet href=style.css>
</head>
<body>
<header>
<div id=logo>Blog de Diane la desarrolladora</div>
</header>
<article>
<section class=intro>
<h1>¡El veredicto está en! ¡El diseño CSS es excelente!</h1>
<p>He estado trabajando con CSS durante un tiempo, y tengo que decir que es bastante increíble. Me encanta poder separar el contenido de la presentación y mantener todos mis estilos en una hoja de estilos externa.</p>
<p>He tenido un buen dominio de los conceptos básicos durante un tiempo, pero necesitaba aprender más sobre cómo controlar el diseño con CSS. Comprender el diseño CSS significaba primero explorar las partes del modelo de caja CSS.</p>
</section>
<section class=destacado>
<h2>El Modelo de Caja CSS</h2>
<p>Hay muchos recursos excelentes en línea para ayudarte a aprender el Modelo de Caja CSS. Me gusta el artículo de CSS Tricks <a href=https://css-tricks.com/the-css-box-model/ target=_blank>El Modelo de Caja CSS</a> de Chris Coyier. Para citar al autor:</p>
<blockquote>Con el riesgo de repetirme demasiado: <strong>cada elemento en el diseño web es una caja rectangular.</strong></blockquote>
<p>¡Así es! Cada elemento HTML es considerado por el navegador como una caja rectangular.</p>
<p>El modelo de caja CSS consta de cuatro propiedades: contenido, relleno, borde y margen. He incluido un gráfico del artículo de Coyier para ilustrar este principio.</p>
<p class=clear>Es bastante fácil entender la parte de Contenido del modelo de caja. El contenido es lo que consta tu HTML. Podría ser un párrafo lleno de texto, una lista con viñetas o una imagen.</p>
<p>Los desarrolladores principiantes pueden tener algunos problemas para mantener las otras partes del modelo de caja claras, así que examinémoslas una por una.</p>
</section>
<pie de página>©2020 Developer Diane.</pie de página>
</body>
</html>
3 Respuestas
Peter Vann
36,429 Puntos¡Hola Danielle!
¡Arreglo fácil!
:)
header, en este caso, es un elemento nativo y NO una clase, así que no necesitas el punto.
(Por lo demás, tu código es correcto.)
Espero que eso ayude.
¡Manténgase seguro y feliz codificando!
Heidi Fryzell
Desarrollo Web Front End Graduado de Techdegree 25,178 PuntosHola Danielle,
En tu código estás seleccionando una clase llamada "header". El "." delante significa que es una clase.
Necesitas apuntar al elemento "header" de html. Así que si quitas el "." funcionará.
header {
padding-top: 20px;
padding-bottom: 25px;
}
¡Manténgase seguro y feliz codificando!
Peter Vann
36,429 Puntos¡Hola Heidi!
¡Choca esos cinco!
¿¡Jinx!?!
¡Las grandes mentes piensan igual, etc.!?! LOL
:)
Solo digo que ¡explicaste tu respuesta muy bien!
¡Espero que te mantengas a salvo y cuerda!?!
¡Gracias por ayudar!
-Pete
Heidi Fryzell
Desarrollo Web Front End Graduado de Techdegree 25,178 Puntos¡Sí Jinx Peter!
Tu respuesta fue exacta. Es divertido cuando publicas una respuesta y alguien más responde exactamente al mismo tiempo. Al principio pensé que tal vez deberías consultar una pregunta para que solo una persona pueda responderla, pero cuanto más lo pienso, no puedes tener demasiadas respuestas cuando estás aprendiendo a programar. A veces la manera en que una persona explica es de una forma que puedes entender mejor.
¡Gracias por ayudar también y mantente a salvo y cuerdo!