OK.
Dus in deze video gaan we deze Tic Tac Toe boord oefening van de grond af opnieuw.
Dus we gaan om te beginnen vanaf het begin met een leeg bestand.
Ik Coppermine bord dat HVM Ik kan aan onze ketel plaat.
Gewoon gaan noemen T T T raad van bestuur en de manier waarop dit werkt alleen maar om je geheugen te joggen.
Het is een tafel.
Deze hele zaak is een tafel.
Het heeft drie rijen één twee en drie en elke rij heeft drie Tweedy's.
Dus komen we uit op een drie bij drie bestuursleden.
En wat we zullen doen is in en op deze drie tv's gaan we links en rechts grens aan en vervolgens op deze drie gaan we naar de bovenste en onderste rand draaien.
Dus moeten we beginnen met onze tafel en vervolgens drie lagen.
En ik ben eigenlijk van plan om te gaan en te doen drie tiara's en doe het t D's eerste.
Zo krijgen we drie tv en dan gewoon gaan dat eens te meer dupliceren.
Nu hebben we onze drie rijen met drie elementen drie tv's in elk.
Dus dat bewaren we en als we dit openen in de browser zul je merken dat we niet een ding zien.
En dat komt omdat hoewel onze tafel is er er in de eerste plaats is er niets in onze tafel.
En dan ook nog hebben we niet alle stijlen toegepast, omdat het mogelijk is om een ​​lege tafel te hebben en nog steeds zien de dingen die eigenlijk wat dit is hier.
Er zijn geen gegevens in deze tabellen.
In dit voorbeeld hier is het gewoon een tafel en dan is het vormgegeven.
Zodat een daarmee een rand.
Dus moeten we dat doen.
Dus gewoon om u te bewijzen echter dat het hier laten we toe wat stijl en ik ga om het te doen in een stijl tag deze tijd, die u moet weten nu.
Het is niet een geweldig idee op de lange termijn, maar alleen voor een oplossing video alleen voor het gemak van het kijken naar hier, zodat ze niet hoeven te kijken me schakelen tussen bestanden en in de war raken over wat gaat waar ik ga gewoon om te doen in één bestand hier aan de top in de stijl tag.
Dus het eerste wat ik ga doen is selecteert u de T's en geef ze een breedte en dat komt omdat op dit moment als we inspecteerde de TT's zou je zien dat ze in principe is er helemaal niet.
Ze zijn twee pixels twee pixels.
Dus ze zijn echt heel klein en dat is omdat er niets is er en we hebben niet aan hen toegewezen een met of een hoogte.
Dus wat ik wil doen is hen een breedte en we gaan beginnen met 100 pixels en dan gaan we hetzelfde doen voor de hoogte en we slaan en te vernieuwen en we nog steeds niet zie niets.
En nogmaals dat is omdat we ze niet iets om te laten zien hebben gegeven.
Maar als we gaan inspecteren nu kunnen we zien elkaar Tedy is nu een vierkant een 100 bij 100 pixels.
Dus laten we gaan en geef ze een achtergrond gewoon zo je kunt zien dat ze er zijn.
Zeg achtergrondinformatie roze redden.
En nu kunnen we zien wij het begin van onze raad van bestuur.
Dus ik ben eigenlijk van plan om ongedaan te maken dat de achtergrondkleur.
Ik wilde alleen maar om te laten zien dat de tegels zijn er.
We hebben onze tv's.
En nu, wat we moeten doen is erachter te komen hoe het selectief inschakelen van de grens.
Dus we gaan beginnen met deze drie elementen.
We willen schakelen links en rechts grens.
Dus als ik vernieuw de pagina.
Maar laten we beginnen door het nemen van deze top een hier en het geven van een linker en een rechter kwartaal.
Dus ik ga om te gaan en dat is de tweede TD plaats van de eerste TR.
Ik ga gewoon om het een les te geven en ik ga gewoon om dit een verticale bellen en ik ga een klasse voor deze drie zogenaamde verticale, waar we gewoon de linker en rechter grenzen te krijgen te maken.
Dus class is gelijk aan verticaal.
En dan hier gaan we verticale selecteren en geef het een grens naar links en laten we één pixel zwart voor nu en doe hetzelfde voor de rand.
Rechts.
En als we besparen en we zijn fris je ziet hebben we de eerste vierkant voltooid.
Dus nu moeten we de td die eronder en de TV dat is onder dat toe te voegen.
En dat is waarom ik maakte het een klasse, want we gaan het meer dan één keer te gebruiken.
Dus in plaats van het maken van deze een ID en dan doet een ander ID voor dit element en een ander ID voor deze ene, die ik helemaal had kunnen doen kon ik zoiets ID midden hebben gedaan en dan is dit een tot id midden bodem of zoiets.
Nou ik kan een ruimte is er, maar zoiets hebben.
Dat is eigenlijk niet een geweldig idee.
We willen niet meerdere ID dus Im gewoon gaan om het een klasse te geven en dan is onze klasse is verticaal te hebben.
Dus ik ga het ook geven aan deze.
Dit is onze middelste element dat is direct onder het.
En dan de andere die daaronder.
Dus die drie hebben nu klasse verticale en je kunt zien we onze drie verticale lijnen.
Dus hebben we nu moeten we gewoon hetzelfde proces op de horizontale lijnen te herhalen.
En dus willen we dit element hier.
Deze hier en deze hier om een ​​grens top en een rand bodem te hebben.
Dus deze keer ga ik om te beginnen met de klas en krijgen we een horizontale en underspin een kopie deze behalve verandering grens links naar boven en de grens onderrand en dan alles wat we moeten doen is aanmelden deze horizontale klas met de juiste elementen.
Zodat degenen die we willen dat dit op zijn dit hier dus dit gaat om de eerste te zijn T.T.
in de tweede TR.
Dus ik ga gewoon verder te gaan en dat te doen.
Klasse gelijk is aan of is op de TL en kopieer die.
Dan willen we het op deze middelste hier en je zult zien hebben we al een klasse verticale en we hebben niet eigenlijk dit eerder gezien, waar we meer dan één klasse.
Het is heel eenvoudig.
Alles wat we doen is het toevoegen van een ruimte.
Dus dit is niet een klasse met de naam verticaal horizontaal.
Het is twee verticale alsook horizontale.
En dan zullen we hetzelfde doen om deze laatste CD die hij hier zou zijn en als we besparen en we ververs de pagina hebben we nu onze afgerond Tic Tac Toe boord.
Dus het laatste wat ik hier wil doen is gewoon te bewegen dit over, zodat het wordt gecentreerd en het is eigenlijk heel eenvoudig.
Het is gewoon een regel van het succes op onze tafel.
We gaan er een marge van bestelling en daar gaan we.
Die marge wordt automatisch berekend.
Je kunt zien zoals ik bladeren.
Ik bedoel, als ik het venster dat de marges verhogen en verlagen en vervolgens een laatste ding als we wilden toevoegen dat ieder in aan de top die net zegt Tic Tac Toe kan dat doen wijzigen.
Maar je zult merken dat dit element Phi geïnspecteerd.
Nou, je kunt zien zonder zelfs de inspectie is dat het allemaal de weg over aan de zijkant.
Dus als ik wilde gaan in het midden van het element neemt daadwerkelijk de hele weg over het scherm.
U kunt deze blauwe hier te zien.
Dus ik kan gewoon Center de tekst en dat zal ons tot gevolg dat de H-1 is eigenlijk in het midden te geven.
Dus ik gewoon H-1 tekst align center en ik spaar.