Tudo bem, é hora de outro exercício e é possível ver aqui, vamos construir um site
de blog simples e minimalista.
E este exercício realmente vai se concentrar em praticamente tudo o que cobrimos, mas realmente vai bater
em muitas coisas do modelo de caixa, de modo a preencher e margem e bordas, bem como escrever poligrafia, obter
uma nova fonte do Google e algumas outras coisas.
Então, vamos construir isso. Vou dar-lhe algumas instruções.
Se você quer tentar isso sozinho primeiro e depois vamos passar por cima como sempre começando
do zero no próximo vídeo.
Então, vou dar-lhe algumas sugestões.
A primeira coisa que você provavelmente notará é esta caixa cinza.
E essa é realmente uma borda que está ao redor do corpo para que o corpo tenha essa beira de 20 pixels que seja todo
o caminho.
E isso significa que o corpo tem um explícito com o fato de que não está indo todo o
caminho pela tela, mas vai daqui a lá.
Então, outra coisa que vou mencionar aqui são algumas das cores.
Então você não precisa adivinhar as cores.
Seria um bom exercício para você realmente usar um seletor de cores e tentar descobrir isso por
conta própria.
Mas porque não tenho certeza de como a qualidade será transmitida por meio de vídeo e isso
mudará algumas coisas.
Eu só vou te dar as cores, então eu as escrevi aqui.
Você pode se referir a isso ou pode sentir-se livre para usar suas próprias cores, mas a cor da
borda em torno do corpo aqui é essa tonalidade de cinza.
A cor da data é azul e esta é essa sombra de azul aqui.
E então a cor do título para os títulos do blog é essa sombra de cinza azulado.
E então, uma outra coisa é que você precisará ter uma fonte incluída aqui e essa fonte.
Eu definitivamente não esperaria que você adivinasse o topo da sua cabeça.
É chamado Source sense pro e está disponível nas fontes do Google, então você terá que usar as fontes do Google.
Baixe.
Inclua-o.
Nós temos que baixá-lo, mas incluí-lo corretamente no seu envelhecer ou seu arquivo CSSA.
Então, algumas outras coisas desta quarta-feira aqui.
Esse efeito é apenas um limite esquerdo que foi ativado.
Então, é a mesma cor cinza que temos aqui, é apenas mais fino.
Então essa é a fronteira da aleft.
Uma coisa em que eu preciso prestar atenção é garantir que todos estejam alinhados exatamente o mesmo.
Observe que há uma pequena margem ou preenchimento ou algo aqui.
A próxima coisa que vou apontar aqui é que a data está em todos os limites.
Então, há uma maneira de fazer isso com seu sucesso.
Torná-lo em maiúscula.
E também que há um pouco de espaçamento de letras aqui.
Portanto, isso não está no espaçamento de letras normal, eles estão espaçados um pouco mais distantes.
E então uma última coisa entre os posts.
Há esta linha e este é um elemento H R representa uma regra horizontal.
E assim você pode adicionar um H R e, na medida em que se destaque isso para obter essa linha fina, esse tipo de encolher.
Eu encontrei algo online.
Eu vou mostrar para você no próximo vídeo.
nossos estilos e há tantos ótimos artigos e canetas de código que você pode simplesmente copiar um dos.
Mas basta pesquisar
Então eu não espero que você obtenha isso exatamente além disso.
Sinta-se livre para usar qualquer texto que você deseja.
Eu usei, acho que isso é bacon ipsum, mas coloque qualquer texto que você deseja.
Sinta-se livre para ter mais de duas postagens e então também enlouquecer com cores e fontes e
torná-la sua.
OK, então eu vou ver você no próximo vídeo.
Começaremos do zero.