1
00:00:00,390 --> 00:00:06,690
Dus het volgende wat ze zouden willen richten op is te denken over haar leeftijd hem een ​​beetje meer.

2
00:00:07,080 --> 00:00:26,510
Dus wat ik ga hier willen doen is ga je gang en voeg de datum in deze paragraaf hier dit citaat paragraaf en dan zouden we ook willen onze groep elementen of onze berichten aan elkaar, zodat we een post als een element en doe dat.

3
00:00:26,790 --> 00:00:32,590
Gewoon naar een div hier te gebruiken, dus ik ga een nieuwe div class gelijk paal.

4
00:00:32,700 --> 00:00:36,070
Dus ik ben gewoon het geven van een klasse alleen maar om duidelijk te maken wat dit is.

5
00:00:36,080 --> 00:00:39,240
Want net door te zeggen div het is niet erg duidelijk wat het doet.

6
00:00:39,450 --> 00:00:46,610
En dit zal een post en dan zullen we een andere div class post voor de tweede hier beneden hebben.

7
00:00:46,980 --> 00:00:50,430
Dus laten we gaan door en voeg in een datum ook.

8
00:00:50,760 --> 00:00:54,010
En voor die datum kon echt van alles zijn.

9
00:00:54,300 --> 00:01:00,600
Ik ga het een andere div class is gelijk aan de datum, maar dat een paragraaf zou kunnen worden en als je wilde zijn.

10
00:01:00,600 --> 00:01:02,790
Het maakt eigenlijk niet uit in dit geval.

11
00:01:03,390 --> 00:01:23,190
En dan nog wat we willen doen is het toevoegen in dit citaat en ik ga gewoon te maken dat een paragraaf hier beneden, maar ik ga het iets anders natuurlijk te maken, omdat ik nodig om het anders stijl dan deze leden, dus ik 'ga zeggen laten we gaan geven een klasse met de naam offerte.

12
00:01:25,110 --> 00:01:27,740
En dan, terwijl we hier laten we aan onze dag hier.

13
00:01:27,900 --> 00:01:32,400
23 november 2015 en een kluisje.

14
00:01:32,400 --> 00:01:36,620
Dus als je fris bent op dit moment het gaat heel dicht bij wat we op zoek bent naar om te kijken.

15
00:01:36,630 --> 00:01:38,640
We moeten om de datum te veranderen nogal wat.

16
00:01:39,000 --> 00:01:44,020
Wanneer u de lettergrootte van deze H-1 te veranderen Hier laat ik ze naast elkaar.

17
00:01:44,280 --> 00:01:47,260
We moeten hier te plaatsen in deze linker grens op de offerte.

18
00:01:47,610 --> 00:01:53,310
Wanneer u de kleur van de afstand veranderen als deze als dit dan moeten we dit h r toe te voegen in.

19
00:01:53,850 --> 00:02:00,140
Dus laten we ga je gang en beginnen met styling.

20
00:02:00,420 --> 00:02:02,170
Dit liet Forder hier.

21
00:02:02,280 --> 00:02:08,640
Zo herinneren we ons de klasse die we noemden citaat hier.

22
00:02:09,150 --> 00:02:10,730
We gaan terug willen naar RC ss gaan.

23
00:02:10,740 --> 00:02:13,960
Het is een net offerte.

24
00:02:16,800 --> 00:02:28,470
En dan alles wat we moeten doen is het toevoegen in orde links 5 pixels en de kleur is dezelfde als deze.

25
00:02:28,470 --> 00:02:34,180
Dus vijf pixels effen grijs dat grijstint.

26
00:02:34,560 --> 00:02:35,590
En dat is het.

27
00:02:36,000 --> 00:02:37,200
En we een kijkje nemen.

28
00:02:37,530 --> 00:02:38,040
OK.

29
00:02:38,040 --> 00:02:39,510
Dus dat is op zoek in de buurt.

30
00:02:39,510 --> 00:02:43,140
Het enige wat je zal opvallen is dat er enige afstand hier.

31
00:02:43,140 --> 00:02:48,300
En natuurlijk dat de afstand is tussen de grens de linker rand en het element.

32
00:02:48,450 --> 00:02:50,970
Dus dat zou opvulling die we nodig hebben om te veranderen.

33
00:02:51,360 --> 00:03:00,610
Dus om dat padding Ik ben gewoon gaan doen padding links vijf pixels te frissen veranderen en dat ziet er goed uit.

34
00:03:00,630 --> 00:03:05,190
U kunt zien dat deze zien er identiek Nu zijn de twee citaat paragrafen.

35
00:03:05,190 --> 00:03:08,460
Dus de volgende up hebben we een paar keuzes.

36
00:03:08,760 --> 00:03:12,410
Laten we doorgaan en het aanpakken van de datum.

37
00:03:12,480 --> 00:03:15,060
Dus er zijn een paar dingen die we willen het allemaal hoofdletters maken.

38
00:03:15,140 --> 00:03:20,720
Ik wil de kleur te veranderen en we willen deze regelafstand of de letter spatiëring toe te voegen.

39
00:03:21,120 --> 00:03:26,370
Dus ik ga dit te verplaatsen naar links selecteert u de datum klasse.

40
00:03:26,370 --> 00:03:30,880
Dat is wat wij noemen het lesdag datum.

41
00:03:32,370 --> 00:03:34,300
Dus Dot date.

42
00:03:34,890 --> 00:03:40,100
En terwijl ik hier laten we grijpen de kleur die deze bijzondere tint blauw.

43
00:03:40,290 --> 00:03:47,480
En laten we gewoon kleur toewijzen die blauw te zijn en te vernieuwen je kunt zien waar een deel van de weg daar.

44
00:03:47,970 --> 00:04:00,290
Dus om het allemaal hoofdletters gebruiken CSSA u misschien herinneren van de Selecta video tekst omzetten in hoofdletters te maken.

45
00:04:00,330 --> 00:04:01,470
En als we waren vers.

46
00:04:01,800 --> 00:04:04,600
OK, dat op zoek is aardig in de buurt.

47
00:04:04,620 --> 00:04:09,190
Vrijwel het enige wat we hebben verlaten om te doen is de brief spatiëring.

48
00:04:09,570 --> 00:04:12,040
Dus hebben we een heleboel opties voor letter spatiëring.

49
00:04:12,510 --> 00:04:18,840
Wat betreft de grootte en de uitrustingen die gebruikt maar de eigenschap heet letterafstand.

50
00:04:19,350 --> 00:04:20,400
En dan kunnen we een nummer.

51
00:04:20,400 --> 00:04:23,490
Dus ik ben met behulp van 10 pixels eerste zijn om u te laten zien.

52
00:04:23,490 --> 00:04:28,560
En dat geeft ons 10 pixels tussen de nummers die nogal een beetje en veel meer dan we nodig hebben.

53
00:04:28,560 --> 00:04:41,000
Dus wat ik eigenlijk aan de hand om te gebruiken is een andere eenheid genaamd r e m en R.e.m. is net als IEM's die ten opzichte van het element dat ze genest binnenkant van zijn.

54
00:04:41,100 --> 00:04:44,550
Behalve dat RPM's worden niet door de ouder element ingesteld.

55
00:04:44,550 --> 00:04:47,170
Ze zijn feitelijk door de root element op de pagina in te stellen.

56
00:04:47,370 --> 00:04:59,100
Dus wat dat betekent is dat als ik tot in het lichaam 2,00 R.e.m. en ik lettergrootte tot 2,00 R.e.m. zijn

57
00:04:59,580 --> 00:05:17,760
en ik doe dat in plaats van de offerte en ze eigenlijk verwijzen naar dezelfde lettergrootte versus als dit EM was het zou het instellen van het lichaam twee keer zo groot als het bovenliggende element te zijn en dan is het citaat dat is in het lichaam zou zijn twee keer zo groot als deze hier.

58
00:05:17,760 --> 00:05:19,220
Dus het is relatief.

59
00:05:19,290 --> 00:05:22,860
Wanneer we voegen in R.e.m. al is het een verwijzing naar de root element.

60
00:05:22,860 --> 00:05:29,740
Dus dit is een leuke manier om in principe evenredig fonts doen zonder zich zorgen te maken over wat er genest binnen van wat.

61
00:05:29,850 --> 00:05:38,110
Dus ik ben niet van plan om de lettergrootte en het lichaam, maar voor onze date wat we wilden veranderen.

62
00:05:38,760 --> 00:05:44,710
Ik ga nulpunt te gebruiken om RLM.

63
00:05:44,760 --> 00:05:56,640
Dus dat is gewoon naar de normale lettergrootte te nemen en voeg een beetje extra ruimte tussen de letters verwijzen naar de lettergrootte zodat je hier zijn we eindigen met wat precies goed kijkt ziet.

64
00:05:56,700 --> 00:06:11,910
Het is Punt 2 en Ik verwacht niet dat je alleen maar te weten dat ik weet dat het was, punt 2, omdat ik het schreef, maar als ik dit vanaf het begin deed ik zou hebben gespeeld rond een beetje en ik zou hebben geprobeerd punt vijf eerste See hoe dat eruit ziet.

65
00:06:11,910 --> 00:06:13,510
OK, dat is te groot.

66
00:06:13,890 --> 00:06:16,720
En je weet dat het niet het is geen exacte wetenschap.

67
00:06:16,860 --> 00:06:20,110
Het is gewoon in dit geval, omdat ik degene die het geschreven was.

68
00:06:20,910 --> 00:06:21,570
OK.

69
00:06:22,110 --> 00:06:24,620
Dus hebben we dat gedaan, dat ziet er goed uit.

70
00:06:24,990 --> 00:06:31,410
Laten we vergelijken deze nu echt zo ontbraken het eruit ziet.

71
00:06:31,410 --> 00:06:39,620
Afgezien van de extra content hier gebeurd is, is het maken van dit H2 groter en iets veranderen van de kleur.

72
00:06:40,260 --> 00:06:41,800
Dus laten we de kleur eerste.

73
00:06:41,820 --> 00:06:53,670
We gaan alle leeftijdsgroepen tweeën te selecteren en de kleur die ik heb hier net een donkerblauwe naar de kleur in te stellen als we zijn vers.

74
00:06:53,670 --> 00:06:57,560
Het is echt moeilijk om te zien, maar het verandert ooit zo iets.

75
00:06:58,260 --> 00:06:59,900
En dan zijn er nog twee andere dingen.

76
00:06:59,940 --> 00:07:03,700
Wel is er één belangrijkste ding dat we willen doen, die de lettergrootte is aan het veranderen.

77
00:07:04,410 --> 00:07:09,840
En ik weet toevallig dat dit twee keer de lettergrootte als al het andere.

78
00:07:09,840 --> 00:07:13,360
Dus dat zou 2,0 rpm.

79
00:07:13,470 --> 00:07:22,970
Dus we gaan lettergrootte in te stellen 2.0 R.e.m. opslaan vernieuwen en we eindigen met dit.

80
00:07:22,980 --> 00:07:28,650
Dus laten we dat vergelijken met nu en alles ziet er precies hetzelfde.

81
00:07:28,650 --> 00:07:32,780
Tot deze paragraaf dat we hier beneden missen dan is alles.

82
00:07:33,480 --> 00:07:36,660
Dus laten we gaan door en voeg in deze paragraaf.

83
00:07:36,720 --> 00:07:38,290
Ik ga gewoon naar de tekst te kopiëren.

84
00:07:38,610 --> 00:07:45,450
Maar gerust wat tekst Edelachtbare te gebruiken sommige die je leuk vindt en dan zullen we toe te voegen in een andere blog post en zien hoe dat eruit ziet.

85
00:07:46,110 --> 00:07:53,000
Dus terug naar de h t m l en ik ga gewoon naar een andere paragraaf toe te voegen aan de onderkant en plak deze in.

86
00:07:54,420 --> 00:08:01,520
OK dus dat is onze eerste blog post.

87
00:08:01,540 --> 00:08:03,360
We vergelijken hen.

88
00:08:03,360 --> 00:08:06,190
Ze zien er identiek, behalve voor deze H.R ..