1
00:00:00,390 --> 00:00:06,690
Donc, la prochaine chose qu'ils pourraient vouloir se concentrer sur la pensée de son âge lui un peu plus.

2
00:00:07,080 --> 00:00:26,510
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.

3
00:00:26,790 --> 00:00:32,590
Juste aller utiliser un div ici donc je vais faire une nouvelle classe div égale poste.

4
00:00:32,700 --> 00:00:36,070
Donc, je vais juste donner une classe juste pour rendre clair ce que c'est.

5
00:00:36,080 --> 00:00:39,240
Parce que juste en disant div il n'est pas très clair ce qu'il fait.

6
00:00:39,450 --> 00:00:46,610
Et ce sera un post et ensuite nous aurons un autre poste de classe div pour le second ici.

7
00:00:46,980 --> 00:00:50,430
Alors allons-y et ajoutez une date aussi.

8
00:00:50,760 --> 00:00:54,010
Et pour cette date qui pourrait vraiment être n'importe quoi.

9
00:00:54,300 --> 00:01:00,600
Je vais faire une autre classe div égale date, mais qui pourrait être un paragraphe aussi bien si vous vouliez être.

10
00:01:00,600 --> 00:01:02,790
Il n'a pas vraiment d'importance dans ce cas.

11
00:01:03,390 --> 00:01:23,190
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.

12
00:01:25,110 --> 00:01:27,740
Et puis pendant que nous sommes ici, nous allons ajouter dans notre date ici.

13
00:01:27,900 --> 00:01:32,400
23 novembre 2015 et coffre-fort.

14
00:01:32,400 --> 00:01:36,620
Donc, si vous êtes frais en ce moment, il va ressembler vraiment à ce que nous recherchons.

15
00:01:36,630 --> 00:01:38,640
Il faut changer la date un peu.

16
00:01:39,000 --> 00:01:44,020
Lorsque vous changez la taille de la police de ce H-1 Laissez-moi les faire côte à côte.

17
00:01:44,280 --> 00:01:47,260
Nous devons ajouter dans cette bordure gauche ici sur la citation.

18
00:01:47,610 --> 00:01:53,310
Lorsque vous changez la couleur si c'est l'espacement si c'est le cas, nous devons ajouter ce h r in.

19
00:01:53,850 --> 00:02:00,140
Alors allons-y et commencez par styler.

20
00:02:00,420 --> 00:02:02,170
Cela a laissé Forder ici.

21
00:02:02,280 --> 00:02:08,640
Rappelez-vous donc que nous avons la classe que nous avons appelée citer ici.

22
00:02:09,150 --> 00:02:10,730
Nous allons revenir aux RC.

23
00:02:10,740 --> 00:02:13,960
C'est comme une citation.

24
00:02:16,800 --> 00:02:28,470
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.

25
00:02:28,470 --> 00:02:34,180
Donc cinq pixels gris solide qui l'ombre de gris.

26
00:02:34,560 --> 00:02:35,590
Et c'est tout.

27
00:02:36,000 --> 00:02:37,200
Et nous jetons un coup d'oeil.

28
00:02:37,530 --> 00:02:38,040
D'ACCORD.

29
00:02:38,040 --> 00:02:39,510
Donc, c'est regarder de près.

30
00:02:39,510 --> 00:02:43,140
La seule chose que vous remarquerez, c'est qu'il ya un certain espace ici.

31
00:02:43,140 --> 00:02:48,300
Et bien sûr que l'espacement est entre la frontière de la bordure gauche et l'élément.

32
00:02:48,450 --> 00:02:50,970
Ce serait donc un rembourrage que nous devrions changer.

33
00:02:51,360 --> 00:03:00,610
Donc, pour changer ce rembourrage je vais juste faire rembourrage laissé cinq pixels à rafraîchir et qui semble assez bon.

34
00:03:00,630 --> 00:03:05,190
Vous pouvez voir ces semblent identiques Maintenant les deux paragraphes de la citation.

35
00:03:05,190 --> 00:03:08,460
Donc, nous avons quelques choix.

36
00:03:08,760 --> 00:03:12,410
Avançons la date.

37
00:03:12,480 --> 00:03:15,060
Donc, il ya quelques choses que nous voulons faire tout en majuscules.

38
00:03:15,140 --> 00:03:20,720
Je veux changer la couleur et nous voulons ajouter cet interligne ou l'espacement des lettres.

39
00:03:21,120 --> 00:03:26,370
Donc je vais déplacer cela vers la gauche, sélectionnez la classe de date.

40
00:03:26,370 --> 00:03:30,880
C'est ce que nous appelons le jour de la date de classe.

41
00:03:32,370 --> 00:03:34,300
Donc date de point.

42
00:03:34,890 --> 00:03:40,100
Et pendant que je suis ici, nous allons saisir la couleur qui est cette nuance particulière de bleu.

43
00:03:40,290 --> 00:03:47,480
Et nous allons simplement attribuer la couleur à ce bleu et actualiser, vous pouvez voir où une partie du chemin.

44
00:03:47,970 --> 00:04:00,290
Donc, pour faire tous les majuscules en utilisant CSSA vous pouvez vous rappeler de la sélection de texte vidéo en majuscules Selecta.

45
00:04:00,330 --> 00:04:01,470
Et si nous étions frais.

46
00:04:01,800 --> 00:04:04,600
OK, c'est assez proche.

47
00:04:04,620 --> 00:04:09,190
Pratiquement la seule chose que nous avons à faire est l'espacement des lettres.

48
00:04:09,570 --> 00:04:12,040
Nous avons donc un tas d'options pour l'espacement des lettres.

49
00:04:12,510 --> 00:04:18,840
En ce qui concerne la taille et les unités que nous utilisons, mais la propriété est appelée espacement des lettres.

50
00:04:19,350 --> 00:04:20,400
Et puis nous pouvons lui donner un numéro.

51
00:04:20,400 --> 00:04:23,490
Donc, je suis en utilisant à 10 pixels d'abord pour vous montrer.

52
00:04:23,490 --> 00:04:28,560
Et cela nous donne 10 pixels entre les chiffres qui est un peu et beaucoup plus que nous avons besoin.

53
00:04:28,560 --> 00:04:41,000
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.

54
00:04:41,100 --> 00:04:44,550
Sauf que les RPM ne sont pas définis par l'élément parent.

55
00:04:44,550 --> 00:04:47,170
Ils sont effectivement définis par l'élément racine sur la page.

56
00:04:47,370 --> 00:04:59,100
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.

57
00:04:59,580 --> 00:05:17,760
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.

58
00:05:17,760 --> 00:05:19,220
Donc c'est relatif.

59
00:05:19,290 --> 00:05:22,860
Lorsque nous ajoutons dans R.E.M. Bien qu'il se réfère à l'élément racine.

60
00:05:22,860 --> 00:05:29,740
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.

61
00:05:29,850 --> 00:05:38,110
Donc, je ne vais pas changer la taille de la police et le corps, mais pour notre date ce que nous voulions.

62
00:05:38,760 --> 00:05:44,710
Je vais utiliser le point zéro de RLM.

63
00:05:44,760 --> 00:05:56,640
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.

64
00:05:56,700 --> 00:06:11,910
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.

65
00:06:11,910 --> 00:06:13,510
OK, c'est trop grand.

66
00:06:13,890 --> 00:06:16,720
Et vous savez que ce n'est pas une science exacte.

67
00:06:16,860 --> 00:06:20,110
C'est juste dans ce cas parce que c'est moi qui l'ai écrit.

68
00:06:20,910 --> 00:06:21,570
D'ACCORD.

69
00:06:22,110 --> 00:06:24,620
Donc, nous avons fait ce qui semble assez bon.

70
00:06:24,990 --> 00:06:31,410
Comparons ces maintenant vraiment tout ce qui manquait il ressemble.

71
00:06:31,410 --> 00:06:39,620
Mis à part le contenu supplémentaire fait ici est de rendre ce H2 plus grand et légèrement changer la couleur.

72
00:06:40,260 --> 00:06:41,800
Alors faisons la couleur d'abord.

73
00:06:41,820 --> 00:06:53,670
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.

74
00:06:53,670 --> 00:06:57,560
C'est vraiment difficile à voir, mais il a changé si légèrement.

75
00:06:58,260 --> 00:06:59,900
Et puis il ya deux autres choses.

76
00:06:59,940 --> 00:07:03,700
Eh bien il ya une chose principale que nous voulons faire ce qui est de changer la taille de la police.

77
00:07:04,410 --> 00:07:09,840
Et je sais que c'est deux fois la taille de la police comme tout le reste.

78
00:07:09,840 --> 00:07:13,360
Donc, ce serait 2.0 rpms.

79
00:07:13,470 --> 00:07:22,970
Donc, nous allons simplement définir la taille de police 2.0 R.E.M. Enregistrer rafraîchir et nous nous retrouvons avec cela.

80
00:07:22,980 --> 00:07:28,650
Comparons donc que maintenant et tout semble exactement la même chose.

81
00:07:28,650 --> 00:07:32,780
Jusqu'à ce paragraphe que nous manquons ici, puis tout ce qui suit.

82
00:07:33,480 --> 00:07:36,660
Alors allons-y et ajoutez dans ce paragraphe.

83
00:07:36,720 --> 00:07:38,290
Je vais simplement copier le texte.

84
00:07:38,610 --> 00:07:45,450
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.

85
00:07:46,110 --> 00:07:53,000
Donc, revenir à la h t m l et je vais juste ajouter un autre paragraphe au bas et coller dans.

86
00:07:54,420 --> 00:08:01,520
OK c'est donc notre premier billet de blog.

87
00:08:01,540 --> 00:08:03,360
Nous les comparons.

88
00:08:03,360 --> 00:08:06,190
Ils semblent identiques excepté ce H.R ..