Oké dus is het tijd voor een andere oefening hier.
Dus deze oefening gaat om alles wat we hebben gesproken over zoveel SS selectors te dekken.
Dus we gaan niet om daadwerkelijk te bouwen elke vorm van volledige samenhangende website dat de volgende komt.
We gaan een beetje blog te maken in de volgende oefening.
Dit is meer van een traditionele oefening met een bos van problemen zeer korte problemen.
In principe Ik geef je een bos van HMO ziet het er als volgt uit.
Het doet er niet echt iets betekenen.
In feite alle tekst hier is van een website genaamd hipster ipsum.
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.
Dus het is gewoon een stelletje woorden.
Dus het punt is het maakt niet uit wat hier is wat er wel toe doet is echter dit bestand.
De CSSA bestand dat ik je gaf ook en het is leeg.
Afgezien van een heleboel opmerkingen en deze opmerkingen geven u instructies voor wat u moet doen.
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.
Alleen CSI s.
Dus dat betekent dat dit bestand niet te raken.
Dit is hier net zo starter code voor u.
Dit is de HVM.
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.
Hou het precies hoe het is.
Dus de manier waarop het werkt er verschillende problemen.
Dus de eerste geeft het lichaam element een achtergrond van deze kleur.
We zouden gewoon schrijven van de code in select het lichaam en geef het dan een kleur als deze.
Dus ik zal je dat een gratis geven.
Ik weet zeker dat de meesten van u zou moeten doen.
Hetzelfde geldt voor al deze dus maak alle h degenen maken alle leeftijdsgroepen te doen iets te maken al bondgenoot elementen één noot.
Sommige van deze zal u vragen om een ​​eigenschap die we hebben eigenlijk niet nog gedekt te gebruiken en dat is een bewuste keuze.
Ik wil gewoon dat je enige ervaring voor een aantal eigenschappen die we hebben nog niet expliciet over gesproken in video's.
Dus in dat geval hier is een.
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.
Er is dus nog een paar van die.
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.
Dus een andere noot hier.
Deze krijgt een beetje harder als ze gaan mee.
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.
Dus maak alle alinea's die zijn genest in van div-elementen maken alleen ingangen met type tekst.
Hebben een grote achtergrond en dan dingen willen geven de tweede paragraaf in het derde div 5 pixel witte rand.
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.
U moet artikel onthouden en je kunt ze gemakkelijk vinden op de lijn en we hebben de meeste van hen gedekt.
Er zijn een paar wel dat we niet te gaan in de laatste video en dat zijn in het gedeelte bonus uitdagingen.
Zodat omvat zaken als het maken van alle geselecteerde vakjes hebben een linkermarge dus er is een manier om de aangevinkte selectievakjes te selecteren.
Of hier is een andere.
Maak de eerste letter van het element met speciale groene en 100 pixel lettergrootte.
Dus er is een manier om alleen de eerste letter te selecteren.
Maak de H-1 elementen kleurverandering naar blauw toen meer dan zweefde en maak een tag elementen die grijs hebben bezocht.
Zo herinner me een tag is een link en je hebt dit waarschijnlijk eerder gezien.
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.
Dus er is een manier van schrijven, dat zou zien te beoordelen.
Dus zoals altijd in de volgende video gaan we over een oplossing te gaan.
Kan het gaan beetje bij beetje, maar ik raad je aan dit een schot zo ver gaan als u al deze bonussen kunnen proberen.
Een ding dat ik hier dit niet noemen, is iets anders.
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.
Er is een manier om met behulp van C Ss iets hoofdletters maken zonder de tekst in de HTML daadwerkelijk te veranderen.
U kunt dit doen door middel van C Ss net als u de kleur of de grens zou veranderen.
U kunt een eigenschap dat het hoofdletters of kleine letters zal veranderen.