Très bien alors il est temps pour un autre exercice et c'est que vous pouvez voir ici, nous allons construire un simple blog minimaliste.
Et cet exercice va vraiment se concentrer sur à peu près tout ce que nous avons couvert, mais il va vraiment frapper sur un lot de la boîte des choses modèle ainsi rembourrage et des marges et des frontières ainsi que la polygraphie type obtenir une nouvelle police Google et quelques autres des choses.
Donc, nous allons construire ce que je vais vous donner quelques instructions.
Si vous voulez l'essayer par vous-même tout d'abord, puis nous allons aller sur elle comme toujours à partir de zéro dans la prochaine vidéo.
Donc, je vais vous donner quelques conseils.
La première chose que vous remarquerez probablement est cette boîte grise.
Et c'est en fait une frontière qui est autour du corps de sorte que le corps a cette frontière de 20 pixels qui va tout le chemin autour de lui.
Et donc cela signifie que le corps a une explicite avec qui il ne va pas tout le chemin à travers l'écran, mais il va d'ici à là.
Donc, une autre chose que je vais mentionner ici sont quelques-unes des couleurs.
Donc, vous n'avez pas à deviner les couleurs.
Ce serait un bon exercice pour que vous utilisiez réellement un sélecteur de couleur et essayez et découvrez ceci dehors sur vos propres.
Mais parce que je ne suis pas sûr de savoir comment la qualité sera reportée sur la vidéo et cela va changer certaines choses.
Je vais juste vous donner les couleurs, donc je les ai tapées ici.
Vous pouvez vous référer à ces derniers ou vous pouvez vous sentir libre d'utiliser vos propres couleurs, mais la couleur de la bordure autour du corps ici est cette nuance de gris.
La couleur de date ce bleu et ceci est cette nuance de bleu ici.
Et puis la couleur de titre pour les titres de blog est cette nuance de gris bleuâtre.
Et puis une autre chose est que vous aurez besoin d'avoir une police incluse ici et cette police.
Je ne m'attendais pas à ce que vous vissiez juste le haut de votre tête.
Il est appelé Source sense pro et il est disponible sur les polices Google afin que vous devrez aller sur les polices Google.
Télécharge le.
L'inclure.
Nous devons le télécharger, mais l'inclure correctement dans votre vieilli ou sur votre fichier CSSA.
Donc quelques autres choses cette blockquote ici.
Cet effet est juste une bordure gauche qui a été activée.
Donc, c'est la même couleur grise que nous avons ici c'est juste plus mince.
Donc, c'est la frontière aleft.
Une chose que je dois prêter attention à est de s'assurer que ceux-ci sont tous alignés exactement la même chose.
Notez qu'il ya une petite marge ou un rembourrage ou quelque chose ici.
La prochaine chose que je vais souligner ici est que la date est dans tous les plafonds.
Il y a donc un moyen de le faire avec votre succès.
Rendez-le en majuscules.
Et aussi qu'il y a un peu d'espace entre les lettres ici.
Donc, ce n'est pas dans l'espacement lettre normale, ils sont espacés un peu plus loin.
Et puis une dernière chose entre les postes.
Il y a cette ligne et c'est un élément H R qui signifie une règle horizontale.
Et ainsi vous pouvez ajouter un H R dedans et en tant que styliser ceci pour obtenir cette ligne mince qui sorte de rétrécit vers le bas.
J'ai trouvé quelque chose en ligne.
Je vais juste vous le montrer dans la prochaine vidéo.
Mais juste la recherche de nos styles et il ya tellement de grands articles et des stylos de code que vous pouvez simplement copier l'un des.
Donc, je ne m'attends pas à ce que ce soit juste autre que cela.
N'hésitez pas à utiliser le texte que vous voulez.
J'ai utilisé je pense que c'est ipsum bacon, mais mettre n'importe quel texte que vous voulez.
N'hésitez pas à avoir plus de deux messages et puis aussi devenir fou de couleurs et de polices et de le rendre votre propre.
OK, je vais vous voir dans la prochaine vidéo.
Nous partons de zéro.