Er.
Welkom terug.
Dus deze les gaat erg snel zijn.
We zijn net over twee labels van de DIV-tag en de spand tag en we kunnen echt niet praten over veel zo ver als wat ze doen en hoe we ze gebruiken totdat we te zien krijgen beoordelen waar we dingen kunnen stylen.
Maar ik wil gewoon om ze nu te introduceren, want ik ga je laten zien wat er met behulp van divs en overspanningen.
In de volgende paar video's en ik een geweldige baan niet echt heeft gedaan van het uit te leggen in de eerste versie van deze cursus.
Dus ging ik terug en voegde dit op een na de feiten na de cursus werd gepubliceerd.
Ik zag een paar vragen die ik heb gemerkt dat misschien kan ik opruimen als ik net deed een betere baan uit te leggen Dave's eerder.
OK.
Dus laten we beginnen te praten over divs en overspanningen.
Het eerste wat ik zal zeggen is dat ze allebei zoals ik al zei zijn niet zo nuttig zijn totdat we eigenlijk aan styling-elementen.
Maar wat ze doen is dat ze u toestaan ​​om inhoud van de groep bij elkaar dus een div volgens MT-NW is slechts een generieke container.
Dus het is gewoon een is het een manier om te groeperen dingen als een voorbeeld Ik zeg niet dat dit een div recht hier, maar dit zou een div gewoon een kader rond enkele inhoud.
Het lijkt erop dat sommige tekst hier een aantal foto's en wat meer tekst aan de groep die helemaal en geef het een grote border of geef het een achtergrond verontschuldig mij kun je dat doen met een div.
Opnieuw hebben we niet gesproken over hoe je dat gewoon nog niet, maar het idee is dat je kunt gewoon groeperen dingen samen.
Dus je zult het zien van me gebruiken divs veel in deze cursus gaan vooruit.
Laat me u tonen een snel voorbeeld.
Dus als ik wat tekst hier toe te voegen en dit is eigenlijk iets dat een van de studenten in deze cursus opgemerkt in het discussieforum.
Ik wist niets van dat is leuk als je typt gewoon Lorem en tab te raken.
Het zal ons Lorem Ipsum eigenlijk gewoon een stelletje voorbeeldtekst placeholder tekst geven.
Dus ik ga om dit te gebruiken maken van twee van hen.
En dan ook toe te voegen in een H1 en laten we zeggen dat dit H-1, het maakt eigenlijk niet uit of gewoon even wat daar.
Maar laten we zeggen dat dit een paragraaf en ik wil de groep die twee dingen samen.
De H-1 in de paragraaf laten we zeggen uiteindelijk weer kunnen we het nu niet doen, maar uiteindelijk wil ik een doos hebben ongeveer is een grens en oranje rand.
Maar het hoeft niet onder deze.
Wat ik wel kan doen is gewoon ze te groeperen in een div-tag zo d v en op te slaan.
En als ik de pagina vernieuwen of eigenlijk open het in de eerste plaats het gaat niet helemaal anders uitzien.
Het gaat niet om te kijken als om het even wat eigenlijk, omdat er geen styling voor ons om te zien alles wat er gebeurd is, is dat deze twee dingen zijn nu gegroepeerd in een container slechts een generieke doos een container om ze bij elkaar te houden dat we dan kunnen gaan stijl later.
Dus als ik gaf dat afd een achtergrond als ik maakte het een gele achtergrond die gele achtergrond ruwweg zou gaan rond dit, maar het zou geen enkele van de tweede paragraaf.
Zodat een div overspanning anderzijds ook een generieke container.
Maar er is een belangrijk verschil.
Dus laat ik beginnen met een voorbeeld.
Laten we zeggen dat ik wilde een aantal van deze woorden hier te benadrukken.
Ipsum deur.
Ongeacht wat ik wil dit geel in plaats van zwart te maken, zodat de rest van de tekst is zwart.
Maar ik wil dit als gele benadrukken en maken het lettertype groter of iets.
Opnieuw weten we niet hoe dat toch te doen.
Maar het idee is dat ik zou een label nodig om dit en als ik een div daar dat is een generieke container ups en ik spaar en verfrissen je zult zien dat het wordt geslagen op een nieuwe regel en dat is omdat een div is een blok level element.
Dus dat betekent dat het duurt een eigen lijn, net als een paragraaf doet.
Wanneer u een paragraaf toe te voegen in alles na die paragraaf wordt naar beneden geduwd om een ​​nieuwe lijn.
Dus een div een block level generieke container.
Als ik dit met een overspanning ter vervanging van deze is niet van plan om helemaal indrukwekkend, want hoe kan ik iets zie je echt een verandering hier zien, maar het zal gewoon uitzien als een gewone paragraaf, dus ik ga om te vernieuwen en er is een container .
Nu is er een generieke overspanning rond deze content die niets doet.
In tegenstelling tot een div al is het een inline-container.
Dus overspanning is in principe het groeperen van de inhoud selecteren inhoud in lijn en een div is een andere manier van groeperen van content.
Maar het is een block-level element.
Dus ik weet dat dit een beetje theoretisch op dit punt.
Het is een beetje moeilijk om het nut van te begrijpen.
Maar al snel als we in C Ss zullen we in staat zijn om iets te zeggen als gaan zoeken die spanwijdte voegde ik in en maken het vijftien punts lettertype en geel of ga vinden dat div voegde ik in en geef het een oranje grens en wat we doen en dan komen we uit op een oranje kader rond deze content.
generieke containers Oké grote divs overspanning's.