Welkom terug.
Dus deze video gaat om een ​​hoog niveau overzicht van hoe het werkt en wat het doet te beoordelen.
Dus we willen eigenlijk het schrijven van een code tot de volgende les en vrijwel elke les van daar op uit met betrekking tot SEUS ons.
Maar wat we gaan doen is drie belangrijke dingen die we gaan naar succes te definiëren en te praten over de rol die het speelt waarom je het gebruiken wat het doet.
We gaan een aantal websites die het nodig.
We gaan naar de C S C S weg te nemen en te zien hoe ze veranderen.
En dan gaan we deze algemene regel die zal volgen voor elke CSSA lijn die we opstelt.
Dus laten we gaan en praten over wat is het standpunt van cascading style sheets.
Dus de trapsgewijze gedeelte we eigenlijk aan de hand om terug te komen in een latere video.
Maar de style sheets is vrij vanzelfsprekend.
Vergeet niet dat C Ss vaak wordt beschouwd als de bijvoeglijke naamwoorden of de huid waar H M L de zelfstandige naamwoorden zou zijn.
Dus Jim Ellis de structuur die we willen in rubriek hier en een kogel punt hier.
We gebruikten om te zeggen maken de koppen paars en lettergrootte 50 pixels en verplaats deze naar beneden en geef het een grens.
Dus gebruiken we het om te beschrijven hoe de dingen zouden moeten zien er zo style sheets.
Het andere deel is het vellen deel van uit en wat dat betekent is dat we gaan schrijven deze los van elk team.
Ze zijn niet in HMO.
Ze zijn afzonderlijke documenten die wij vervolgens opnemen in onze HMO.
Dus laten we beginnen met het nemen van een kijkje bij enkele voorbeelden.
Er is een site die ik echt heel graag genoemd CSX Zen-tuin en het hele punt van deze site is aan te tonen u de verscheidenheid van dingen die je kunt bereiken met Jesse s s.
Dus als je hier een kijkje te nemen hebben we een aantal markup.
Laten we eens kijken naar de HDMI-bestand.
We kunnen gaan en open die up.
Dus dit is de kern bestand dat elke pagina NCEA zegt.
Zen-tuin gebruikt.
Dus je kunt zien dat het vrij eenvoudig.
We hebben een aantal rubrieken.
We hebben een aantal punten kreeg een aantal links enkele kogel punten aan de onderkant en dan is het hele idee van deze site is dat medewerkers neem deze e-mail en schrijven hun eigen CSSA zonder dat het helemaal uit de leeftijd van hem.
Zodat u alleen te veranderen om te zien evalueren van de structuur is hetzelfde en je eindigt met verschillende resultaten.
Dus hier is één.
En aan de rechterkant kunt u kijken op een paar anderen en er is er een heleboel van hen op de site en in feite je kunt bijdragen uw eigen als u dat wilt.
Nou laten we eens een kijkje nemen.
Dus dit is radicaal anders totaal andere lay-out van verschillende kleurenschema's fonts beelden.
Deze is ook heel anders.
Het heeft deze mooie animatie voor het laadproces allemaal gedaan Roscius ons.
U kunt naar beneden scrollen en we hebben dit effect waar onze inhoud rollen, maar de achtergrond afbeelding is statisch.
We hebben dit een die radicaal anders.
En we konden de hele dag hier en vinden we nog één die mijn favoriet is dat een robot genaamd Jimmy.
We krijgen dit kleine robot die opduikt in dit spinnen een starburst in de rug.
Ook een andere scrollen effect dus ik dit te zien krijgt, zodat u kunt zien hoe krachtig CSSA is.
Het is eigenlijk de huid arts.
De additieven voor de structuur kan veranderen.
Je weet dat afgezien van te kijken als dit en het kan veranderen om te kijken als dit.
Dus hopelijk dat is genoeg om je enthousiast over het leren van C S s r h d m l kant tot nu toe vrij smakeloos geweest te krijgen.
We hebben niet elke stijl naast de standaard zwart-wit stijl.
Dus de volgende wil ik het hebben over een algemene regel dat elke lijn van CSSA dat we write zullen volgen.
Dus dit patroon hier ziet het er zo uit.
Wij selecteren iets.
Dus we gaan veel te praten over wat er werkelijk gaat er maar we zullen iets dergelijks Alle h degenen of elke ankercode binnenkant van een bondgenoot te selecteren.
Dus iets te doen we waar we het selecteren van h tim l elementen zijn verwijzingen bestaande html en vervolgens binnen de accolades we een aantal modellen toe te passen en zij volgen deze sleutel waarde paar formaat waar we een woning dubbele punt en dan een overeenkomstige waarde en vervolgens een semi -dikke darm.
Dus we kunnen een ding hebben hier kunnen we 100 verschillende eigenschappen die we veranderen, maar ze volgen altijd dit syntax eigenschap Colan waarde.
Dus hier zijn twee voorbeelden.
Dit eerste deel gaat naar alle h degenen te selecteren.
Dus nogmaals we gaan om terug te komen om te zien hoe deze selectors werken.
Maar het gaat om alle elk die op een pagina te selecteren en vervolgens het gaat hen kleur van paars en lettergrootte van 56 te geven en dan deze volgende hier beneden gaat alle image-tags te selecteren en geef ze de grens kleur rood en de grens met van drie pixels.
Dus u weet dat we niet altijd naar alle die in alle image-tags te selecteren.
We gaan meerdere video's hebben op het daadwerkelijk de nuances van de dingen te selecteren soms willen we vele dingen te selecteren soms we doen een klein element tegelijk.
Dus er is een heleboel opties daar, maar het volgt altijd dit formaat.