1
00:00:00,200 --> 00:00:02,540
Oké dus is het tijd voor een andere oefening hier.

2
00:00:02,820 --> 00:00:08,430
Dus deze oefening gaat om alles wat we hebben gesproken over zoveel SS selectors te dekken.

3
00:00:08,520 --> 00:00:14,700
Dus we gaan niet om daadwerkelijk te bouwen elke vorm van volledige samenhangende website dat de volgende komt.

4
00:00:14,700 --> 00:00:17,930
We gaan een beetje blog te maken in de volgende oefening.

5
00:00:17,970 --> 00:00:23,460
Dit is meer van een traditionele oefening met een bos van problemen zeer korte problemen.

6
00:00:23,460 --> 00:00:28,150
In principe Ik geef je een bos van HMO ziet het er als volgt uit.

7
00:00:28,200 --> 00:00:29,900
Het doet er niet echt iets betekenen.

8
00:00:29,910 --> 00:00:33,640
In feite alle tekst hier is van een website genaamd hipster ipsum.

9
00:00:33,650 --> 00:00:44,170
Het is het is net als een slaapzaal ipsum, behalve dat het gebruik van hipster woorden als boer tot bord en locavore en Portland en Williamsburg.

10
00:00:44,340 --> 00:00:45,940
Dus het is gewoon een stelletje woorden.

11
00:00:46,260 --> 00:00:51,500
Dus het punt is het maakt niet uit wat hier is wat er wel toe doet is echter dit bestand.

12
00:00:51,570 --> 00:00:54,700
De CSSA bestand dat ik je gaf ook en het is leeg.

13
00:00:54,810 --> 00:01:00,250
Afgezien van een heleboel opmerkingen en deze opmerkingen geven u instructies voor wat u moet doen.

14
00:01:00,360 --> 00:01:09,250
Dus up top is de belangrijkste lijn stijl leeftijd HTML-elementen op basis van de volgende instructies niet de bestaande HVM anders om dit goed te doen niet veranderen.

15
00:01:09,270 --> 00:01:11,020
Alleen CSI s.

16
00:01:11,130 --> 00:01:14,120
Dus dat betekent dat dit bestand niet te raken.

17
00:01:14,190 --> 00:01:16,430
Dit is hier net zo starter code voor u.

18
00:01:16,440 --> 00:01:17,690
Dit is de HVM.

19
00:01:17,970 --> 00:01:25,710
Je gaat alles doen wat in C SS Dus je niet hier kan gaan en nieuwe ideeën of voeg nieuwe klassen of het toevoegen van nieuwe elementen.

20
00:01:25,710 --> 00:01:28,350
Hou het precies hoe het is.

21
00:01:28,580 --> 00:01:32,120
Dus de manier waarop het werkt er verschillende problemen.

22
00:01:32,190 --> 00:01:37,310
Dus de eerste geeft het lichaam element een achtergrond van deze kleur.

23
00:01:37,440 --> 00:01:45,210
We zouden gewoon schrijven van de code in select het lichaam en geef het dan een kleur als deze.

24
00:01:45,210 --> 00:01:48,690
Dus ik zal je dat een gratis geven.

25
00:01:49,050 --> 00:01:51,200
Ik weet zeker dat de meesten van u zou moeten doen.

26
00:01:51,300 --> 00:01:58,350
Hetzelfde geldt voor al deze dus maak alle h degenen maken alle leeftijdsgroepen te doen iets te maken al bondgenoot elementen één noot.

27
00:01:58,350 --> 00:02:04,510
Sommige van deze zal u vragen om een ​​eigenschap die we hebben eigenlijk niet nog gedekt te gebruiken en dat is een bewuste keuze.

28
00:02:04,590 --> 00:02:09,750
Ik wil gewoon dat je enige ervaring voor een aantal eigenschappen die we hebben nog niet expliciet over gesproken in video's.

29
00:02:10,080 --> 00:02:11,960
Dus in dat geval hier is een.

30
00:02:12,030 --> 00:02:22,700
Maak alle alinea's die zijn genest in van divs 25 pixel leuk en vervolgens tussen haakjes geef ik je de code die u nodig hebt, zodat lettergrootte 25 x.

31
00:02:23,070 --> 00:02:24,490
Er is dus nog een paar van die.

32
00:02:24,720 --> 00:02:39,330
Hier is een en hier is nog een make alle geselecteerde vakjes hebben een linkermarge van 50 pixels, zodat je nodig hebt om te gebruiken marge van 50 pixels en het is OK dat je niet precies weet wat het doet, dat komt in de komende paar video's.

33
00:02:39,450 --> 00:02:40,900
Dus een andere noot hier.

34
00:02:41,040 --> 00:02:44,080
Deze krijgt een beetje harder als ze gaan mee.

35
00:02:44,190 --> 00:02:56,270
Dus up top beginnen ze met slechts een element selector en dan praten we over klassen en ideeën en dan beginnen we te praten over een aantal van die andere selectors dat we in de laatste video genoemd.

36
00:02:56,430 --> 00:03:03,960
Dus maak alle alinea's die zijn genest in van div-elementen maken alleen ingangen met type tekst.

37
00:03:03,960 --> 00:03:13,160
Hebben een grote achtergrond en dan dingen willen geven de tweede paragraaf in het derde div 5 pixel witte rand.

38
00:03:13,710 --> 00:03:20,640
Dus het goede nieuws is dat alle selectors die je nodig hebt om hier te gebruiken is te vinden in de jaren '30 CSSA selectors.

39
00:03:20,640 --> 00:03:25,890
U moet artikel onthouden en je kunt ze gemakkelijk vinden op de lijn en we hebben de meeste van hen gedekt.

40
00:03:26,130 --> 00:03:32,410
Er zijn een paar wel dat we niet te gaan in de laatste video en dat zijn in het gedeelte bonus uitdagingen.

41
00:03:32,580 --> 00:03:42,780
Zodat omvat zaken als het maken van alle geselecteerde vakjes hebben een linkermarge dus er is een manier om de aangevinkte selectievakjes te selecteren.

42
00:03:42,780 --> 00:03:44,050
Of hier is een andere.

43
00:03:44,110 --> 00:03:49,750
Maak de eerste letter van het element met speciale groene en 100 pixel lettergrootte.

44
00:03:49,950 --> 00:03:54,100
Dus er is een manier om alleen de eerste letter te selecteren.

45
00:03:54,570 --> 00:04:01,340
Maak de H-1 elementen kleurverandering naar blauw toen meer dan zweefde en maak een tag elementen die grijs hebben bezocht.

46
00:04:01,350 --> 00:04:05,070
Zo herinner me een tag is een link en je hebt dit waarschijnlijk eerder gezien.

47
00:04:05,190 --> 00:04:10,730
U kunt wijzigen of sites zal de kleur van een link die u in vergelijking met een link die u niet eerder geweest zijn geweest te veranderen.

48
00:04:11,100 --> 00:04:14,120
Dus er is een manier van schrijven, dat zou zien te beoordelen.

49
00:04:14,310 --> 00:04:17,450
Dus zoals altijd in de volgende video gaan we over een oplossing te gaan.

50
00:04:17,460 --> 00:04:24,660
Kan het gaan beetje bij beetje, maar ik raad je aan dit een schot zo ver gaan als u al deze bonussen kunnen proberen.

51
00:04:24,660 --> 00:04:28,430
Een ding dat ik hier dit niet noemen, is iets anders.

52
00:04:28,500 --> 00:04:41,430
Maak het label elementen in hoofdletters zonder wijziging van de h t m l, zodat de selector is hier eigenlijk simpel we gewoon de selectie van alle label elementen, maar het pand is een beetje uitdagend.

53
00:04:41,430 --> 00:04:47,870
Er is een manier om met behulp van C Ss iets hoofdletters maken zonder de tekst in de HTML daadwerkelijk te veranderen.

54
00:04:47,880 --> 00:04:51,720
U kunt dit doen door middel van C Ss net als u de kleur of de grens zou veranderen.

55
00:04:51,720 --> 00:04:55,320
U kunt een eigenschap dat het hoofdletters of kleine letters zal veranderen.