OK.
Więc w tym filmie mamy zamiar odtworzyć ten Tic Tac Toe Nadzorczej wykonują od podstaw.
Więc mamy zamiar zacząć od samego początku z pustym plikiem.
I Coppermine wyżywienie, że HVM mogę dodać w naszej płyty kotła.
Podobnie dzieje się nazwać pokładzie T T T oraz sposób, w jaki to działa po prostu pobiegać pamięć.
Jest to tabela.
Cała ta sprawa jest stół.
Posiada trzy rzędy jeden dwa i trzy, a każdy wiersz ma trzy Tweedy jest.
Tak więc kończy się z trzech przez trzy płyty.
I co wtedy zrobimy to iść i na tych trzech telewizorach mamy zamiar skręcić granicę lewej i prawej stronie, a następnie w tych trzech zamierzamy włączyć górnej i dolnej granicy.
Więc musimy zacząć od naszej tabeli, a następnie trzech kondygnacji.
A ja rzeczywiście zamiar iść i zrobić trzy tiary i zrobić t D's jako pierwszy.
Więc mamy trzy telewizory, a potem po prostu się do powielenia, że ​​po raz kolejny.
Teraz mamy nasze trzy rzędy z trzech elementów trzy telewizory w każdym z nich.
Będziemy więc zapisać, że jeśli otworzymy w przeglądarce można zauważyć, że nie widzę.
A to dlatego, że choć nasz stół ma tam przede wszystkim nie ma nic w naszej tabeli.
I wtedy też nie mamy żadnych style stosowane, ponieważ jest możliwe, aby mieć pustą tabelę i nadal widzą rzeczy, które w rzeczywistości, co to jest tutaj.
Nie ma danych w tych tabelach.
W tym przykładzie tutaj to po prostu stół, a potem to stylizowany.
Tak, że ma z nim ma obramowanie.
Dlatego musimy zrobić.
Więc po prostu udowodnić, że choć tu dodajmy trochę styl i mam zamiar zrobić to w stylu tag ten czas, który powinien już wiedzieć.
Nie jest to świetny pomysł na dłuższą metę, ale tylko na filmie rozwiązanie tylko dla ułatwienia oglądania tutaj, żeby nie musiał patrzeć, jak odwrócić między plikami i dostać mylić o co gdzie jestem po prostu zrobić w jednym złożyć tutaj na szczycie w tagu stylu.
Więc pierwszą rzeczą, którą mam zamiar zrobić, to po prostu wybierz T i nadać im szerokość i to dlatego, że w tej chwili, jeśli kontrolowane TT byłby widać, że są one po prostu nie istnieją w ogóle.
Są dwa piksele autorem dwóch pikseli.
Więc oni są naprawdę bardzo małe, a to dlatego, że tam nic nie ma, a my nie przypisano im się z lub wysokości.
Więc to, co chcę zrobić, to dać im szerokość i zamierzamy zacząć 100 pikseli, a potem będziemy robić to samo dla wysokości i zapisać i odświeżyć i nadal nic nie widać.
I znowu to dlatego, że nie daliśmy im nic do wyświetlenia.
Ale jeśli mamy iść i sprawdzić teraz możemy zobaczyć siebie Tedy jest kwadrat 100 na 100 pikseli.
Więc chodźmy i dać im doświadczenie tak więc można zobaczyć, że tam jesteś.
Say BIURO różowy uratować.
A teraz widzimy, mamy początki naszej rady.
Więc ja faktycznie się cofnąć, że kolor tła.
Chciałem tylko pokazać, że płytki są tam.
Mamy telewizory.
A teraz, co musimy zrobić, to dowiedzieć się, jak selektywnie włączyć granicy.
Więc mamy zamiar uruchomić na tych trzech elementów.
Chcemy, aby skręcić w lewo i po prawej granicy.
Więc jeśli odśwież stronę.
Ale zacznijmy od podjęcia takiej Top One tu i nadając mu lewy i prawy kwartał.
Więc mam zamiar iść i to jest drugi TD zamiast pierwszego TR.
Idę tylko dać mu klasę, a ja po prostu się nazywają to jeden pionowy i mam zamiar zrobić klasę dla tych trzech zwanego pionowego, gdzie po prostu lewy i prawy granic.
Więc klasa równa pionowej.
A potem tu mamy zamiar wybrać pionowe i po prostu dać jej granicy lewy i zróbmy jeden piksel czarny teraz i zrobić to samo za granicę.
Dobrze.
A jeśli oszczędzamy i jesteśmy świeże zobaczysz mamy pierwszy kwadrat wypełniony.
Więc teraz musimy dodać T D, który jest pod nim i telewizor, który jest poniżej.
I dlatego ja zrobiłem to klasa, ponieważ mamy zamiar używać go więcej niż raz.
Więc zamiast podejmowania tego identyfikatora, a następnie robi inny identyfikator dla tego elementu i inny identyfikator dla tego jednego, który mógłby mi całkowicie wykonanej mogłem zrobić coś takiego ID środku, a potem ten jeden jako ID środkowy dolny czy coś.
Cóż mogę mieć miejsca tam, ale coś takiego.
Ów rzeczywiście nie jest dobrym pomysłem.
My nie chcemy mieć wiele tożsamości tak Im po prostu zamiar dać mu lekcje, a następnie nasza klasa jest pionowa.
Więc Im zamiar dać go do tego również.
To jest nasz środkowy element ów tuż pod nią.
A następnie druga, która jest niższa.
Więc te trzy mają teraz klasę pionowe i widać mamy nasze trzy pionowe linie.
Więc teraz musimy tylko powtórzyć ten sam proces na poziomych liniach.
A więc chcemy tutaj ten element.
Ten tutaj i ten tutaj, aby mieć górnej krawędzi oraz dolnej granicy.
Więc tym razem mam zamiar zacząć z klasą i mamy poziomą i underspin kopię tego wyjątkiem zmiany granicy do granicy lewy górny i dolny graniczny, a potem jedyne co musimy zrobić, to podpisać poziomą klasę z odpowiednimi elementami.
Więc te, które chcemy, że się na to ten właśnie tu więc to będzie pierwszy T.T.
w drugim TR.
Więc jestem po prostu iść do przodu i robić.
Klasa jest równe bądź na TL i kopiowanie tego.
Następnie chcemy go w tej środkowej jednej tutaj, a zobaczysz już mamy klasę w pionie i nie zostały faktycznie widziałem tego wcześniej, gdzie mamy więcej niż jedną klasę.
To naprawdę proste.
Wszystko co robimy jest dodać spację.
Więc to nie jest jedna klasa o nazwie pionowa pozioma.
Jest to dwa pionowe oraz poziome.
A potem zrobimy to samo do tej ostatniej płyty, która byłaby tym tutaj, a jeśli mamy ocalić i odświeżyć stronę mamy teraz nasz wypełniony Tic Tac Toe pokładzie.
Tak bardzo Ostatnią rzeczą jaką chcę zrobić tutaj jest po prostu przejść nad tym tak, to na środku i to jest rzeczywiście bardzo proste.
To tylko jedna linia sukcesu na naszym stole.
Mamy zamiar dać mu pewien margines porządku i tam idziemy.
Margines jest obliczany automatycznie.
Można zobaczyć, jak przewijać.
Chodzi mi o to jak zmienić rozmiar okna, że ​​marże zwiększanie i zmniejszanie, a następnie jeszcze jedną rzecz, jeśli chcemy dodać, że każdy w na samej górze, że po prostu mówi tic tac toe może to zrobić.
Jednak można zauważyć, że element ten Phi kontrolowane.
Dobrze widać, nawet bez sprawdzania go, że wszystko jest sposób na boku.
Więc gdybym chciał iść w środku element rzeczywistości zajmuje całą drogę w poprzek ekranu.
Możesz zobaczyć ten niebieski tutaj.
Więc może po prostu Center tekst i że dadzą nam efekt, że H-1 jest rzeczywiście w środku.
Więc po prostu to H-1 tekst Centrum align a ja uratować.