OK dus het is tijd dat we een aantal C S S. eigenlijk schrijven
Erg opwindend.
Voordat we dat doen hoewel we nodig hebben om een ​​aantal oude hem al dat we kunnen stijl hebben.
Dus ik ga om verder te gaan en in sublieme Maak een nieuw bestand op te slaan het gewoon op mijn desk top voor nu en ik ga het roepen over mij.
HMO.
Gebruik dat trucje krijgen het skelet van de ketel plaat en dit gaat om een ​​zeer eenvoudige pagina zijn.
Ik zeg het je nu niet van plan om mooi te zijn toen we hier klaar zijn.
We gaan gewoon om wat kleuren te veranderen.
We gaan gewoon over de grondbeginselen van hoe dit alles werkt samen.
Dus ik ga gewoon en een ieder over mij en dan laten we zeggen een jeuk voor mijn hobby's.
Voel je vrij om deze aan te passen aan jezelf.
Laten we voegen een lijst en een paar bondgenoten en laten we vliegen teer koken en origami en sla het bestand.
Laten we gewoon dubbel te controleren.
Laten we open het.
Grote.
Hier is onze prachtige site dat we gaan stijl.
Dus voordat we beginnen daadwerkelijk schrijven van succes hebben we om te beslissen waar het succes te zetten.
En er zijn eigenlijk een paar keuzes.
Dus in de noten zijn er twee die ik van verwijzingen op deze pagina en de eerste die ik zal je vertellen nu is geen goed idee.
Ik blijkt dat u gewoon zo dat u zich bewust te zijn om twee redenen.
Een dit is de enige manier die wordt gebruikt om te kunnen elementen voor afzonderlijke style sheet en voordat CSSA u daadwerkelijk deed dit in elk element stylen.
Dus laat me een voorbeeld laten zien.
Ik wil dit eerste leugen paars te maken.
Ik zou zeggen dat de stijl en vervolgens in het citaat zeggen Color Purple en dat zal werken.
En dit verandert paars zijn.
Er is dus een probleem is echter dat als ik wil alle drie van deze paarse ik nodig heb om verder te gaan en te dupliceren dit elke keer te zijn.
Dat is een hoop werk.
En dan als ik besluit oh nee ik wil dat ze groen zijn dan moet ik om te gaan en te veranderen drie verschillende plaatsen om groen te zijn.
En natuurlijk dat probleem is veel erger als je honderden van hetzelfde element met dezelfde stijl op een bepaalde pagina te hebben.
Dus dit is een slecht idee.
En de andere reden is dit niet een geweldig idee is dat we willen onze h tim L van RCA scheiden.
Het is dit idee van de scheiding van bekommernissen.
We willen dat onze CSSA om self-contained in zijn eigen bestand.
We willen hem leeftijd zijn eigen bestand met alleen de structuur.
C Ss is gewoon de stijl.
Dus op dit moment is dit soort van een rare mix van de twee.
Dus ik ga te ontdoen van die en de andere kant in de toelichting is zoiets als een stijl aanval.
Dus een stijl tag laat ons schrijven C Ss syntax, waar we eigenlijk dingen te kiezen en we hebben de accolades die we hier niet kunnen doen.
Maar wat we kunnen doen is dit doen binnen van een h t m l document.
Dus in het hoofd als we doorgaan en gewoon maken van de tag genaamd stijl en we kunnen geven dit kenmerk soort gelijk tekst slash C Ss kunnen we nu schrijven een aantal C Ss-tags en selectors binnenkant van hier.
Dus niet vergeten we hebben dit is de algemene regel selector en dan hebben we eigendom binnen de accolades en dan de waarde en vervolgens een puntkomma.
Dus ik ga dit uit te reageren door de manier om reacties te kunnen doen.
SS gebruiken slash en de asterisk en vervolgens asterisk en slash.
Dus ik bedoel, ik laat dit hier.
En laten we beginnen met het veranderen van de H-1 paars te zijn.
Dus de manier waarop we schrijven dat als we dit patroon volgen we selecteren.
Dus we gaan elk een en opnieuw te schrijven en we zullen besteden veel tijd op verschillende soorten selectors.
Dus nu we leren over een zogenaamde de elementen selector die leidde tot gebaseerd off van een element type dat H-1 te selecteren.
Dus nu gaan we een huis in hier en in deze video zijn we gewoon gaan om het zeer eenvoudig te houden en het gebruik van kleur toe te voegen.
Dus ik zeg kleur en vervolgens paars en bewaar deze reload of page back-up en krijgen we een paarse H-1, zodat het volgende ding dat we kunnen doen is alle bondgenoten naar oranje te zijn en om dat te doen selecteren we met een element selector weer en we kunnen gewoon doen dit recht na.
Wij geen komma's of andere leestekens nodig.
We doen gewoon een regel hier accolades toe te passen en deze keer gaan we de kleur te zeggen is oranje.
Dus de reden waarom we dit doen is dat ik wil u laten zien dat dit Elyse selector is niet alleen iemand selecteren selecteert alle leugens.
Zo vernieuwen we alle drie van hen zijn nu oranje.
Hetzelfde geldt voor de H-1 als we hadden meerdere h degenen.
Dus zal ik gewoon toe te voegen drie.
Ze zouden allemaal paars.
Een ander ding dat ik je hier laten zien voorbij is moet ik doen om een ​​andere stijl voor elke nadien te vinden en ik zeg het moet blauw blijkt blauw zijn.
Allemaal draaien blauw.
En dus dit wordt naar iets dat we veel meer over en dat is wat er gebeurt als er tegenstrijdige stijl informatie leert.
En in dit geval we veranderden ze allemaal tot paars zijn.
En toen ze allemaal achteraf veranderen we blauw te zijn.
Dus degene die kwam later won het gevecht denk ik.
OK.
Dus het probleem met wat we hebben net gedaan alsof ziet er prima uit, maar helaas is het nog steeds in onze HMO.
En ik net klaar zeggen een paar minuten geleden willen we uit te scheiden of h hem en R C S ons dat we niet willen dat ze worden aangesloten.
Nou we willen dat ze worden aangesloten we willen niet dat de CCS worden genest binnen haar HMO.
Dus functioneel werkt op precies dezelfde manier.
We zien geen visuele verschil, maar ook wat we eigenlijk willen doen is gebruik maken van een link tag.
Dus wat een link tag laat ons doen is het schrijven of zie SS in een volledig apart bestand en dan verbonden met de link tag in plaats van ons hoofd die in feite gaat krijgen van de inhoud van dat bestand en de ziel en de stijl alles in onze tijd.
Tim L. gezien de inhoud van dat bestand.
Zo te schrijven dat we ofwel kunt beginnen met het maken van een nieuw bestand en we gaan naar RC SS hier zet in, dus we gaan het redden en ik ben gewoon gaan om het te roepen.
C Ss je het noemen wat je wilt, maar moet dot C Ss en ik ben waardoor het in dezelfde map als mijn HDMI-bestand.
Het volgende wat ik ga doen is slechts een paar stijlen te definiëren en hier dus H-1 laten we zeggen dat de kleur is rood en ligt kleur is groen.
En terwijl we hier laten we veranderen het voor ook.
Kleur paars.
Grote.
Dus hebben we CSSA hier gedefinieerd natuurlijk en ik ga naar buiten reactie dit voor nu.
Natuurlijk al zijn ze nu niet aangesloten.
Dus hebben we een bestand, maar het is niet aangesloten.
Dus om dat te doen moeten we de link tag.
Dus ik zou graag willen enkel type verbinding en vervolgens het tabblad geraakt en je kunt zien dat er deze belangrijke eigenschap die sublieme tekst wil dat we in te vullen die A-Trak wordt genoemd en het werkt net als de trog op een anker tag en dat zou geef het een aankomst.
Wij geven het een plek om het bestand te vinden.
Dus in dit geval dit bestand is gewoon de naam apt ons, dus we gewoon schrijven ontvoert ja ons te redden en te vernieuwen.
Nu kun je zien dat we hebben gelezen H-1 een paarse pagina 4 en groene bondgenoten dus laten we alles wat we gaan doen.
Voor zover styling voor nu.
Dus om hier samen te vatten het eerste ding dat we besproken wordt met behulp van de stijl attribuut om stijl toe te voegen in de lijn die eruit ziet als deze stijl is gelijk aan en geef het dan een onroerend goed en dit is een slecht idee om twee redenen.
De eerste daarvan is dat we niet willen rommel of H Tim L met een bos van stijlen.
We willen dat ze gescheiden zijn.
En de tweede reden is dat het is een pijn als we willen om dingen te veranderen.
Het is een stuk van duplicatie als we willen alle 3H een thread maken.
We moeten die code te kopiëren naar drie verschillende plaatsen.
Het volgende ding dat we geleerd over werd met behulp van de stijl tag en de stijl tag laat ons schrijven C S ons binnenkant van onze h Timo.
En het werkt goed.
Het maakt laat ons gebruik maken van de CSSA syntax waar we elkaar allemaal één tegelijk kunt selecteren.
Het probleem is alleen dat we niet willen zetten R C S hem direct woedend.
Maar u zult dit af en toe als je gewoon iets wat je snel wilt sommige stijlen je niet wilt naar een nieuw bestand en vervolgens aangesloten te maken toe te voegen bent debuggen.
Je bent gewoon gaan om het daarna te verwijderen.
Dus dat is echt de tijd waarin ik het gebruiken.
Het is maar voor een snelle demonstratie doeleinden.
Maar wat we eigenlijk willen gebruiken is de link tag op de link tag.
Het is gewoon een verwijzing naar een ander bestand.
Dus moeten we een bestand gevuld met stijlen moet eindigen met Dotsie beoordelen opslaan en sluit deze vervolgens met de H ref attribuut en dat is alles wat we moeten doen.
Een ding dat ik vergat te vermelden is dat je zeker wilt verwijzen labels en stijlen in je hoofd te zetten.