Donc, la prochaine chose qu'ils pourraient vouloir se concentrer sur la pensée de son âge lui un peu plus.
Donc, ce que je vais vouloir faire ici, c'est d'aller de l'avant et d'ajouter la date dans ce paragraphe ici, ce paragraphe de la citation, et nous pourrions aussi vouloir grouper nos éléments ou nos messages ensemble afin que nous ayons un poste comme élément et Faire.
Juste aller utiliser un div ici donc je vais faire une nouvelle classe div égale poste.
Donc, je vais juste donner une classe juste pour rendre clair ce que c'est.
Parce que juste en disant div il n'est pas très clair ce qu'il fait.
Et ce sera un post et ensuite nous aurons un autre poste de classe div pour le second ici.
Alors allons-y et ajoutez une date aussi.
Et pour cette date qui pourrait vraiment être n'importe quoi.
Je vais faire une autre classe div égale date, mais qui pourrait être un paragraphe aussi bien si vous vouliez être.
Il n'a pas vraiment d'importance dans ce cas.
Et puis une autre chose que nous voulons faire est d'ajouter dans cette citation et je vais juste faire un paragraphe ici, mais je vais faire un peu différent bien sûr parce que je dois le style de façon différente de ces paragraphes, donc je Je vais dire, allons lui donner une classe appelée citation.
Et puis pendant que nous sommes ici, nous allons ajouter dans notre date ici.
23 novembre 2015 et coffre-fort.
Donc, si vous êtes frais en ce moment, il va ressembler vraiment à ce que nous recherchons.
Il faut changer la date un peu.
Lorsque vous changez la taille de la police de ce H-1 Laissez-moi les faire côte à côte.
Nous devons ajouter dans cette bordure gauche ici sur la citation.
Lorsque vous changez la couleur si c'est l'espacement si c'est le cas, nous devons ajouter ce h r in.
Alors allons-y et commencez par styler.
Cela a laissé Forder ici.
Rappelez-vous donc que nous avons la classe que nous avons appelée citer ici.
Nous allons revenir aux RC.
C'est comme une citation.
Et puis tout ce que nous devons faire est d'ajouter dans l'ordre gauche 5 pixels et la couleur est la même que celle-ci.
Donc cinq pixels gris solide qui l'ombre de gris.
Et c'est tout.
Et nous jetons un coup d'oeil.
D'ACCORD.
Donc, c'est regarder de près.
La seule chose que vous remarquerez, c'est qu'il ya un certain espace ici.
Et bien sûr que l'espacement est entre la frontière de la bordure gauche et l'élément.
Ce serait donc un rembourrage que nous devrions changer.
Donc, pour changer ce rembourrage je vais juste faire rembourrage laissé cinq pixels à rafraîchir et qui semble assez bon.
Vous pouvez voir ces semblent identiques Maintenant les deux paragraphes de la citation.
Donc, nous avons quelques choix.
Avançons la date.
Donc, il ya quelques choses que nous voulons faire tout en majuscules.
Je veux changer la couleur et nous voulons ajouter cet interligne ou l'espacement des lettres.
Donc je vais déplacer cela vers la gauche, sélectionnez la classe de date.
C'est ce que nous appelons le jour de la date de classe.
Donc date de point.
Et pendant que je suis ici, nous allons saisir la couleur qui est cette nuance particulière de bleu.
Et nous allons simplement attribuer la couleur à ce bleu et actualiser, vous pouvez voir où une partie du chemin.
Donc, pour faire tous les majuscules en utilisant CSSA vous pouvez vous rappeler de la sélection de texte vidéo en majuscules Selecta.
Et si nous étions frais.
OK, c'est assez proche.
Pratiquement la seule chose que nous avons à faire est l'espacement des lettres.
Nous avons donc un tas d'options pour l'espacement des lettres.
En ce qui concerne la taille et les unités que nous utilisons, mais la propriété est appelée espacement des lettres.
Et puis nous pouvons lui donner un numéro.
Donc, je suis en utilisant à 10 pixels d'abord pour vous montrer.
Et cela nous donne 10 pixels entre les chiffres qui est un peu et beaucoup plus que nous avons besoin.
Donc ce que je vais réellement utiliser est une autre unité appelée r e m et R.E.M. Est tout comme les IEM qui sont relatifs à l'élément dont ils sont imbriqués à l'intérieur.
Sauf que les RPM ne sont pas définis par l'élément parent.
Ils sont effectivement définis par l'élément racine sur la page.
Donc, ce que cela signifie, c'est que si j'accède à l'intérieur du corps 2.00 R.E.M. Et j'ai mis la taille de la police à 2,00 R.E.M.
Et je fais que au lieu de citer aussi bien qu'ils se réfèrent réellement à la même taille de police par rapport à si c'était EM, il serait de mise du corps pour être deux fois plus grand que l'élément parent et puis la citation qui est à l'intérieur du corps serait Deux fois plus gros que celui-ci ici.
Donc c'est relatif.
Lorsque nous ajoutons dans R.E.M. Bien qu'il se réfère à l'élément racine.
Donc, c'est une bonne façon de faire fondamentalement des polices proportionnelles sans avoir à vous soucier de ce qui est imbriqué à l'intérieur de quoi.
Donc, je ne vais pas changer la taille de la police et le corps, mais pour notre date ce que nous voulions.
Je vais utiliser le point zéro de RLM.
Donc, cela va juste prendre la taille de la police normale et ajouter un peu plus d'espace entre les lettres point de la taille de la police de sorte que vous verrez ici nous nous retrouvons avec ce qui semble juste.
C'est le point 2 et je ne m'attends pas à ce que vous sachiez que c'était le point 2 parce que je l'ai écrit, mais si je faisais cela à partir de zéro, j'aurais joué un peu et j'aurais essayé le point cinq d'abord voir Ce que cela ressemble.
OK, c'est trop grand.
Et vous savez que ce n'est pas une science exacte.
C'est juste dans ce cas parce que c'est moi qui l'ai écrit.
D'ACCORD.
Donc, nous avons fait ce qui semble assez bon.
Comparons ces maintenant vraiment tout ce qui manquait il ressemble.
Mis à part le contenu supplémentaire fait ici est de rendre ce H2 plus grand et légèrement changer la couleur.
Alors faisons la couleur d'abord.
Nous allons sélectionner tous les deux âges et la couleur que j'ai ici juste un bleu foncé allant définir la couleur si nous sommes frais.
C'est vraiment difficile à voir, mais il a changé si légèrement.
Et puis il ya deux autres choses.
Eh bien il ya une chose principale que nous voulons faire ce qui est de changer la taille de la police.
Et je sais que c'est deux fois la taille de la police comme tout le reste.
Donc, ce serait 2.0 rpms.
Donc, nous allons simplement définir la taille de police 2.0 R.E.M. Enregistrer rafraîchir et nous nous retrouvons avec cela.
Comparons donc que maintenant et tout semble exactement la même chose.
Jusqu'à ce paragraphe que nous manquons ici, puis tout ce qui suit.
Alors allons-y et ajoutez dans ce paragraphe.
Je vais simplement copier le texte.
Mais n'hésitez pas à utiliser n'importe quel texte votre seigneurie certains que vous aimez et ensuite nous allons ajouter dans un autre blog et voir comment cela ressemble.
Donc, revenir à la h t m l et je vais juste ajouter un autre paragraphe au bas et coller dans.
OK c'est donc notre premier billet de blog.
Nous les comparons.
Ils semblent identiques excepté ce H.R ..