1
00:00:00,760 --> 00:00:01,370
OK.

2
00:00:01,620 --> 00:00:05,960
Więc w tym filmie mamy zamiar odtworzyć ten Tic Tac Toe Nadzorczej wykonują od podstaw.

3
00:00:06,060 --> 00:00:09,120
Więc mamy zamiar zacząć od samego początku z pustym plikiem.

4
00:00:09,130 --> 00:00:13,880
I Coppermine wyżywienie, że HVM mogę dodać w naszej płyty kotła.

5
00:00:14,460 --> 00:00:21,210
Podobnie dzieje się nazwać pokładzie T T T oraz sposób, w jaki to działa po prostu pobiegać pamięć.

6
00:00:21,420 --> 00:00:22,550
Jest to tabela.

7
00:00:22,560 --> 00:00:23,950
Cała ta sprawa jest stół.

8
00:00:24,000 --> 00:00:30,330
Posiada trzy rzędy jeden dwa i trzy, a każdy wiersz ma trzy Tweedy jest.

9
00:00:30,360 --> 00:00:32,270
Tak więc kończy się z trzech przez trzy płyty.

10
00:00:32,430 --> 00:00:42,890
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.

11
00:00:43,560 --> 00:00:48,020
Więc musimy zacząć od naszej tabeli, a następnie trzech kondygnacji.

12
00:00:48,810 --> 00:00:53,490
A ja rzeczywiście zamiar iść i zrobić trzy tiary i zrobić t D's jako pierwszy.

13
00:00:53,520 --> 00:01:01,450
Więc mamy trzy telewizory, a potem po prostu się do powielenia, że ​​po raz kolejny.

14
00:01:01,590 --> 00:01:06,650
Teraz mamy nasze trzy rzędy z trzech elementów trzy telewizory w każdym z nich.

15
00:01:06,720 --> 00:01:12,940
Będziemy więc zapisać, że jeśli otworzymy w przeglądarce można zauważyć, że nie widzę.

16
00:01:13,500 --> 00:01:18,860
A to dlatego, że choć nasz stół ma tam przede wszystkim nie ma nic w naszej tabeli.

17
00:01:18,900 --> 00:01:25,910
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.

18
00:01:25,910 --> 00:01:27,950
Nie ma danych w tych tabelach.

19
00:01:28,080 --> 00:01:32,700
W tym przykładzie tutaj to po prostu stół, a potem to stylizowany.

20
00:01:32,700 --> 00:01:34,790
Tak, że ma z nim ma obramowanie.

21
00:01:34,980 --> 00:01:36,320
Dlatego musimy zrobić.

22
00:01:36,360 --> 00:01:45,210
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ć.

23
00:01:45,360 --> 00:01:59,370
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.

24
00:01:59,880 --> 00:02:22,920
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.

25
00:02:22,930 --> 00:02:24,830
Są dwa piksele autorem dwóch pikseli.

26
00:02:24,960 --> 00:02:30,680
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.

27
00:02:30,690 --> 00:02:43,130
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ć.

28
00:02:43,500 --> 00:02:46,860
I znowu to dlatego, że nie daliśmy im nic do wyświetlenia.

29
00:02:47,010 --> 00:02:55,380
Ale jeśli mamy iść i sprawdzić teraz możemy zobaczyć siebie Tedy jest kwadrat 100 na 100 pikseli.

30
00:02:55,380 --> 00:02:59,160
Więc chodźmy i dać im doświadczenie tak więc można zobaczyć, że tam jesteś.

31
00:02:59,310 --> 00:03:02,330
Say BIURO różowy uratować.

32
00:03:03,000 --> 00:03:05,970
A teraz widzimy, mamy początki naszej rady.

33
00:03:06,120 --> 00:03:08,360
Więc ja faktycznie się cofnąć, że kolor tła.

34
00:03:08,370 --> 00:03:11,400
Chciałem tylko pokazać, że płytki są tam.

35
00:03:11,400 --> 00:03:12,630
Mamy telewizory.

36
00:03:12,930 --> 00:03:18,750
A teraz, co musimy zrobić, to dowiedzieć się, jak selektywnie włączyć granicy.

37
00:03:18,930 --> 00:03:22,800
Więc mamy zamiar uruchomić na tych trzech elementów.

38
00:03:22,800 --> 00:03:25,380
Chcemy, aby skręcić w lewo i po prawej granicy.

39
00:03:25,380 --> 00:03:26,990
Więc jeśli odśwież stronę.

40
00:03:27,140 --> 00:03:36,310
Ale zacznijmy od podjęcia takiej Top One tu i nadając mu lewy i prawy kwartał.

41
00:03:36,480 --> 00:03:40,990
Więc mam zamiar iść i to jest drugi TD zamiast pierwszego TR.

42
00:03:41,070 --> 00:03:52,120
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.

43
00:03:52,320 --> 00:03:53,820
Więc klasa równa pionowej.

44
00:03:53,820 --> 00:04:11,570
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ę.

45
00:04:11,570 --> 00:04:12,530
Dobrze.

46
00:04:12,780 --> 00:04:18,280
A jeśli oszczędzamy i jesteśmy świeże zobaczysz mamy pierwszy kwadrat wypełniony.

47
00:04:18,690 --> 00:04:23,520
Więc teraz musimy dodać T D, który jest pod nim i telewizor, który jest poniżej.

48
00:04:23,790 --> 00:04:29,020
I dlatego ja zrobiłem to klasa, ponieważ mamy zamiar używać go więcej niż raz.

49
00:04:29,220 --> 00:04:45,730
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ś.

50
00:04:46,530 --> 00:04:49,570
Cóż mogę mieć miejsca tam, ale coś takiego.

51
00:04:49,680 --> 00:04:51,760
Ów rzeczywiście nie jest dobrym pomysłem.

52
00:04:51,780 --> 00:04:57,410
My nie chcemy mieć wiele tożsamości tak Im po prostu zamiar dać mu lekcje, a następnie nasza klasa jest pionowa.

53
00:04:57,660 --> 00:05:01,350
Więc Im zamiar dać go do tego również.

54
00:05:01,560 --> 00:05:04,280
To jest nasz środkowy element ów tuż pod nią.

55
00:05:04,440 --> 00:05:07,440
A następnie druga, która jest niższa.

56
00:05:07,440 --> 00:05:13,000
Więc te trzy mają teraz klasę pionowe i widać mamy nasze trzy pionowe linie.

57
00:05:13,650 --> 00:05:17,770
Więc teraz musimy tylko powtórzyć ten sam proces na poziomych liniach.

58
00:05:18,570 --> 00:05:20,740
A więc chcemy tutaj ten element.

59
00:05:20,850 --> 00:05:26,250
Ten tutaj i ten tutaj, aby mieć górnej krawędzi oraz dolnej granicy.

60
00:05:26,670 --> 00:05:45,270
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.

61
00:05:45,270 --> 00:05:52,260
Więc te, które chcemy, że się na to ten właśnie tu więc to będzie pierwszy T.T.

62
00:05:52,260 --> 00:05:54,500
w drugim TR.

63
00:05:54,870 --> 00:05:56,100
Więc jestem po prostu iść do przodu i robić.

64
00:05:56,100 --> 00:06:01,420
Klasa jest równe bądź na TL i kopiowanie tego.

65
00:06:01,440 --> 00:06:09,910
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ę.

66
00:06:09,930 --> 00:06:10,910
To naprawdę proste.

67
00:06:10,920 --> 00:06:13,880
Wszystko co robimy jest dodać spację.

68
00:06:13,890 --> 00:06:16,350
Więc to nie jest jedna klasa o nazwie pionowa pozioma.

69
00:06:16,350 --> 00:06:19,780
Jest to dwa pionowe oraz poziome.

70
00:06:20,190 --> 00:06:31,840
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.

71
00:06:31,950 --> 00:06:38,800
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.

72
00:06:38,910 --> 00:06:42,460
To tylko jedna linia sukcesu na naszym stole.

73
00:06:42,720 --> 00:06:47,820
Mamy zamiar dać mu pewien margines porządku i tam idziemy.

74
00:06:47,850 --> 00:06:49,820
Margines jest obliczany automatycznie.

75
00:06:49,830 --> 00:06:51,270
Można zobaczyć, jak przewijać.

76
00:06:51,330 --> 00:07:08,520
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ć.

77
00:07:08,550 --> 00:07:12,690
Jednak można zauważyć, że element ten Phi kontrolowane.

78
00:07:13,200 --> 00:07:16,480
Dobrze widać, nawet bez sprawdzania go, że wszystko jest sposób na boku.

79
00:07:16,650 --> 00:07:22,900
Więc gdybym chciał iść w środku element rzeczywistości zajmuje całą drogę w poprzek ekranu.

80
00:07:23,150 --> 00:07:24,620
Możesz zobaczyć ten niebieski tutaj.

81
00:07:24,870 --> 00:07:31,980
Więc może po prostu Center tekst i że dadzą nam efekt, że H-1 jest rzeczywiście w środku.

82
00:07:31,980 --> 00:07:40,720
Więc po prostu to H-1 tekst Centrum align a ja uratować.