Oké dus is het tijd voor een andere oefening en dat is je kunt hier zien we gaan naar een eenvoudige minimalistische blog site te bouwen.
En deze oefening gaat echt om zich te concentreren op vrijwel alles wat we hebben besproken, maar het is echt te raken op een groot deel van de box model dingen zo opvulling en marges en grenzen als ook het type polygraphy het krijgen van een nieuwe Google-lettertype en een andere paar dingen.
Dus we gaan deze ga ik je een paar instructies te geven op te bouwen.
Als je het wilt proberen op je eigen en daarna gaan we te gaan over het als altijd vanaf nul te beginnen in de volgende video.
Dus zal ik u enkele tips geven.
Het eerste wat je zult waarschijnlijk merken is dit grijs vak.
En dat is eigenlijk een rand hebben die rond het lichaam, zodat het lichaam de 20 pixel rand die helemaal gaat omheen.
En dus dat betekent dat het lichaam een ​​expliciete met dat het niet gaat helemaal over het scherm, maar het gaat van hier naar daar.
Dus een ander ding dat ik hier zal noemen zijn enkele van de kleuren.
Dus je hoeft niet om de kleuren te raden.
Het zou een goede oefening voor u om daadwerkelijk een kleur picker gebruiken en te proberen en dit op uw eigen.
Maar omdat ik ben niet zeker hoe hoe de kwaliteit dan door middel van video zal worden uitgevoerd en dat zal een aantal dingen veranderen.
Ik ben gewoon gaan om u de kleuren geven, dus ik heb ze getypt hier.
U kunt verwijzen naar deze of u kunt vrij om uw eigen kleuren te gebruiken voelen, maar de grens kleur rond het lichaam hier is dit grijstint.
De datum kleur deze blauwe en dat is dit schaduw van blauw hier.
En dan is de titel kleur voor de blog titels is dit schaduw van blauwgrijs.
En dan is een ander ding is dat je nodig hebt om een ​​lettertype hier opgenomen en dit lettertype.
Ik zou zeker niet verwachten dat je gewoon te raden uit de top van je hoofd.
Het heet Bron zin pro en het is beschikbaar in de Google fonts dus je zult moeten gaan op Google fonts.
Download het.
Opnemen.
We moeten om het te downloaden, maar ook op het correct in je hem uit de leeftijd of uw CSSA bestand.
Dus een paar andere dingen dit blockquote hier.
Dit effect is slechts een linkergrens die is ingeschakeld.
Dus het is dezelfde grijze kleur als we hier hebben is het gewoon dunner.
Dus dat is alinks grens.
Een ding dat ik nodig hebt om aandacht aandacht te besteden aan is ervoor te zorgen dat deze zijn allemaal precies afgestemd hetzelfde.
Let er is een kleine marge of padding of hier iets.
Het volgende ding dat ik hier zal wijzen is dat de datum is in hoofdletters.
Dus er is een manier om dat te doen met uw succes.
Maak het hoofdletters.
En ook dat er een klein beetje van de brief spatiëring hier.
Dus dit is niet in de normale letterafstand ze afstand van elkaar een beetje verder.
En dan nog een laatste ding tussen de palen.
Er is deze lijn en dit is een H R element staat voor een horizontale lijn.
En zo kunt u een H R toe te voegen aan en voor zover styling deze naar deze dunne lijn dat soort krimpt naar beneden te krijgen.
Ik heb iets gevonden online.
Ik ben gewoon gaan om het te laten zien in de volgende video.
Maar onderzoek van onze stijlen en er zijn zo veel leuke artikelen en code pennen dat je gewoon één van kunt kopiëren.
Dus ik verwacht niet dat je deze gewoon recht anders te krijgen dan dat.
Voel je vrij om het even welke tekst die u wilt gebruiken.
Ik gebruikte ik denk dat dit spek ipsum maar zet elke tekst die u wilt.
Voel je vrij om meer dan twee berichten hebben en dan ook gek met kleuren en lettertypen en maak het je eigen.
OK dus ik zie je in de volgende video.
We beginnen vanaf nul.