Muy bien, así que es hora de otro ejercicio y eso es lo que puedes ver aquí. Vamos a construir
un sitio de blog minimalista simple.
Y este ejercicio realmente se enfocará en prácticamente todo lo que hemos cubierto, pero realmente va a afectar muchas
de las cosas del modelo de caja, por ejemplo, el relleno y los márgenes y las fronteras, así como la tipografía poligráfica,
una nueva fuente de Google y algunas otras. cosas.
Así que vamos a construir esto Voy a darte algunas instrucciones.
Si primero quieres intentarlo por tu cuenta y luego vamos a repasarlo como siempre, empezando desde
cero en el siguiente video.
Así que te daré algunos consejos.
Lo primero que probablemente notará es este cuadro gris.
Y eso es en realidad un borde que rodea el cuerpo, por lo que el cuerpo tiene este borde de 20 píxeles que lo
rodea todo.
Y eso significa que el cuerpo tiene una explicita con eso que no va a través de la
pantalla pero va de aquí para allá.
Otra cosa que mencionaré aquí son algunos de los colores.
Entonces no tienes que adivinar los colores.
Sería un buen ejercicio para usted usar un selector de color y tratar de descubrirlo por
su cuenta.
Pero porque no estoy seguro de cómo la calidad se transmitirá a través del video y eso
cambiará algunas cosas.
Solo voy a darte los colores para que los escriba aquí.
Puede volver a referirse a estos o puede usar sus propios colores, pero el color del
borde alrededor del cuerpo aquí es este tono de gris.
El color de la fecha es azul y este es el tono azul aquí.
Y luego, el color del encabezado para los títulos del blog es este tono de gris azulado.
Y luego otra cosa es que necesitarás tener una fuente incluida aquí y esta fuente.
Definitivamente no esperaría que solo adivines la parte superior de tu cabeza.
Se llama Source sense pro y está disponible en fuentes de Google, por lo que tendrá que utilizar las fuentes de Google.
Descargalo.
Incluirlo
Tenemos que descargarlo, pero incluirlo correctamente en su edad o en su archivo CSSA.
Así que algunas otras cosas este bloque aquí.
Este efecto es solo un borde izquierdo que se ha encendido.
Entonces es el mismo color gris que tenemos aquí, es más delgado.
Entonces ese es un borde alemán.
Una cosa a la que debo prestarle atención es asegurarse de que todos estén alineados exactamente de la misma manera.
Tenga en cuenta que hay un pequeño margen o relleno o algo aquí.
Lo siguiente que señalaré aquí es que la fecha está en mayúsculas.
Entonces hay una manera de hacerlo con su éxito.
Hazlo mayúsculo
Y también que hay un poco de espacio entre letras aquí.
Así que esto no está en el espaciado de letras normal, están un poco separados.
Y luego una última cosa entre las publicaciones.
Existe esta línea y este es un elemento H R representa una regla horizontal.
Y para que pueda agregar una H R y en lo que se refiere a diseñar esto para obtener esta delgada línea que se encoge hacia abajo.
Encontré algo en línea.
Solo te lo mostraré en el próximo video.
nuestros estilos y hay tantos artículos geniales y plumas de código que puede copiar uno de ellos.
Pero solo investigue
Así que no espero que entiendas esto de otra manera.
Siéntete libre de usar cualquier texto que desees.
Utilicé Creo que esto es bacon ipsum, pero pongo el texto que quieras.
Siéntete libre de tener más de dos publicaciones y luego también enloquece con los colores y las fuentes y
hazlo tuyo.
OK, así que nos vemos en el próximo video.
Comenzaremos desde cero.