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

2
00:00:01,620 --> 00:00:05,960
Bu video bu tic tac toe board egzersizi sıfırdan tekrar yaratacağız.

3
00:00:06,060 --> 00:00:09,120
En başından boş bir dosya ile başlayacağız.

4
00:00:09,130 --> 00:00:13,880
Ben HVM'in kazan plakamıza ekleyebileceğim Coppermine panosu.

5
00:00:14,460 --> 00:00:21,210
Sadece TT T kurulu ve bunun işe yarama şekli sadece hafızanızdan sıyrılmak için.

6
00:00:21,420 --> 00:00:22,550
Bu bir masa.

7
00:00:22,560 --> 00:00:23,950
Bütün bunlar bir masa.

8
00:00:24,000 --> 00:00:30,330
Üç ve bir sıra iki ve üç sıra vardır ve her sıra üç Tweedy'ye sahiptir.

9
00:00:30,360 --> 00:00:32,270
Böylece üç üçlü yönetim kurulu ile son buluyoruz.

10
00:00:32,430 --> 00:00:38,760
Ve sonra ne yapacağız girmek ve bu üç TV'lerde sol ve sağ kenarlık açmak için gidiyoruz ve sonra

11
00:00:39,390 --> 00:00:42,890
bu üç biz üst ve alt sınır çevirmek için gidiyoruz.

12
00:00:43,560 --> 00:00:48,020
Dolayısıyla, masamızla ve daha sonra üç katmanla başlamamız gerekir.

13
00:00:48,810 --> 00:00:53,490
Aslında ben gidip üç tane tiaras yapacağım ve ilk başta D'ye yapacağım.

14
00:00:53,520 --> 00:00:56,400
Bu yüzden üç televizyon alıyoruz ve daha sonra

15
00:00:59,340 --> 00:01:01,450
bunu bir kez daha çoğaltacağız.

16
00:01:01,590 --> 00:01:06,650
Şimdi her birinde üçer üçer TV bulunan üç sıramız var.

17
00:01:06,720 --> 00:01:12,940
Dolayısıyla onu kaydederiz ve bunu tarayıcıda açarsak bir şey görmediğimizi farkedeceksiniz.

18
00:01:13,500 --> 00:01:18,600
Tablonuz orada olmasına rağmen, öncelikle masamızda hiçbir şey yoktur.

19
00:01:18,900 --> 00:01:23,910
Ve sonra da stilleri uygulanmamaktadır çünkü boş bir tabloya sahip olmak ve hala

20
00:01:23,910 --> 00:01:25,910
burada olan şeyleri görmek mümkündür.

21
00:01:25,910 --> 00:01:27,950
Bu tablolarda veri yok.

22
00:01:28,080 --> 00:01:32,700
Bu örnekte bu sadece bir tablo ve daha sonra şekillendirilmiş.

23
00:01:32,700 --> 00:01:34,790
Yani bununla birlikte bir sınırı var.

24
00:01:34,980 --> 00:01:36,320
Bu yüzden bunu yapmak lazım.

25
00:01:36,360 --> 00:01:42,120
Bu yüzden burada size kanıtlamak için biraz stil ekleyelim ve bu sefer

26
00:01:42,120 --> 00:01:45,210
bir stil etiketinde yapacağım, şimdi bunu bilmelisin.

27
00:01:45,360 --> 00:01:51,170
Uzun vadede harika bir fikir değil, sadece burada izlemenin kolay olması için bir çözüm videosu

28
00:01:51,170 --> 00:01:55,960
için yazdım; bu yüzden dosyalar arasında çevirme izlemem gerekiyor ve nerelerde tek

29
00:01:55,970 --> 00:01:59,370
yapacağım hakkında kafam karıştı. stil etiketindeki en üstte dosyalayın.

30
00:01:59,880 --> 00:02:09,540
Yapacağım ilk şey sadece T'leri seçmek ve onlara bir genişlik vermek çünkü bunun için

31
00:02:09,540 --> 00:02:11,550
şu anda TT'yi

32
00:02:19,380 --> 00:02:22,920
incelersek, temelde hiç olmadığını görürsün.

33
00:02:22,930 --> 00:02:24,830
İki pikselden iki pikseldir.

34
00:02:24,960 --> 00:02:28,720
Bu yüzden gerçekten çok küçükler, çünkü orada hiçbir şey yok ve onlarla birlikte

35
00:02:28,770 --> 00:02:30,680
ya da yükseklikte bir şey atamadık.

36
00:02:30,690 --> 00:02:36,570
Bu yüzden yapmak istediğim onlara bir genişlik vermek ve 100 piksellikle başlayacağız ve sonra

37
00:02:36,570 --> 00:02:43,130
aynı şeyi yükseklik için yapacağız ve kaydetmek ve yenilemek ve yine de hiçbir şey görmüyoruz.

38
00:02:43,500 --> 00:02:46,860
Ve tekrar göstermek için hiçbir şey vermedik çünkü yine.

39
00:02:47,010 --> 00:02:55,380
Ancak şimdi gidip teftiş edersek, her Tedy'nin şu anda 100 x 100 piksel bir karedir olduğunu görebiliriz.

40
00:02:55,380 --> 00:02:59,160
O halde gidelim ve onlara bir arka plan verelim ki böylece orada olduklarını görebilirsiniz.

41
00:02:59,310 --> 00:03:02,330
Backgrounders pembe kaydetmek söyle.

42
00:03:03,000 --> 00:03:05,970
Ve şimdi, kurulumuzun başlangıcına sahip olduğumuzu görebiliyoruz.

43
00:03:06,120 --> 00:03:08,360
Bu yüzden aslında arka plan rengini geri alacağım.

44
00:03:08,370 --> 00:03:11,400
Sadece fayansların orada olduğunu göstermek istedim.

45
00:03:11,400 --> 00:03:12,630
TV'lerimiz var.

46
00:03:12,930 --> 00:03:18,750
Ve şimdi yapmamız gereken sınırı seçici olarak nasıl başlatacağımızı bulmak.

47
00:03:18,930 --> 00:03:22,800
Bu yüzden bu üç unsura başlayacağız.

48
00:03:22,800 --> 00:03:25,380
Sol ve sağ kenarı açmak istiyoruz.

49
00:03:25,380 --> 00:03:26,990
Sayfayı yenilersem öyleyse.

50
00:03:27,140 --> 00:03:36,310
Ama baştan başlayalım, bu üstü bir buraya götürüp ona bir sol ve sağ çeyrek vereyim.

51
00:03:36,480 --> 00:03:40,990
Bu yüzden ben gidiyorum ve ilk TR yerine ikinci TD.

52
00:03:41,070 --> 00:03:47,250
Ben sadece bir sınıf vereceğim ve bunu sadece dikey olarak adlandıracağım ve dikey olarak adlandırılan bu

53
00:03:47,250 --> 00:03:52,120
üç sınıf için sol ve sağ sınırları elde ettiğim bir sınıf yapacağım.

54
00:03:52,320 --> 00:03:53,820
Yani sınıf dikeydir.

55
00:03:53,820 --> 00:04:00,240
Ve sonra burada dikey seçeceğiz ve sadece bir kenarlık bırakıp,

56
00:04:04,560 --> 00:04:11,570
şimdi bir piksel siyah yapalım ve kenar için aynı şeyi yapalım.

57
00:04:11,570 --> 00:04:12,530
Sağ.

58
00:04:12,780 --> 00:04:18,280
Ve biz tasarruf edersek ve tazeysek, ilk kare tamamlandığımızı göreceksin.

59
00:04:18,690 --> 00:04:23,520
Şimdi, altındaki t d'yi ve bunun altındaki TV'yi eklememiz gerekiyor.

60
00:04:23,790 --> 00:04:29,020
Ve bu yüzden bunu bir sınıf yaptım, çünkü bir kereden fazla kullanacağız.

61
00:04:29,220 --> 00:04:34,800
Bunun yerine bunu bir kimlik haline getirmek ve daha sonra bu öğe için başka

62
00:04:34,800 --> 00:04:40,840
bir kimlik ve bu kimseye yapmış olabileceğim başka bir kimliği yapmak yerine Kimliği orta ve

63
00:04:40,850 --> 00:04:45,730
daha sonra bu kimliği orta alt gibi bir şey yapmış olabilirdim.

64
00:04:46,530 --> 00:04:49,570
Elimde bir boşluk olabilir, ancak bunun gibi bir şey olabilir.

65
00:04:49,680 --> 00:04:51,760
Aslında bu harika bir fikir değil.

66
00:04:51,780 --> 00:04:57,120
Birden fazla kimliğe sahip olmak istemiyorum, bu yüzden yalnızca bir sınıf vereceğim ve sınıfımız dikey.

67
00:04:57,660 --> 00:05:01,350
Bu yüzden ben de ona verecektim.

68
00:05:01,560 --> 00:05:04,280
Bu bizim orta unsurumuzun hemen altındaki budur.

69
00:05:04,440 --> 00:05:07,440
Ve sonra diğeri bunun altında.

70
00:05:07,440 --> 00:05:13,000
Bu üçlü artık sınıfsal dikeyliğe sahip ve üç dikey çizgimizi elde edebildiğimizi görebiliyorsunuz.

71
00:05:13,650 --> 00:05:17,770
Dolayısıyla şimdi, aynı işlemi yatay çizgiler üzerinde tekrarlamalıyız.

72
00:05:18,570 --> 00:05:20,740
Ve bu yüzden burada bu elementi istiyoruz.

73
00:05:20,850 --> 00:05:26,250
Burada bir tane, bir de sýnýrýn üstü ve bir sýnýr var.

74
00:05:26,670 --> 00:05:34,590
Bu sefer sınıftan başlayacağım ve yatay bir sınır elde edip, kenarlıkları üstten ve alttan

75
00:05:34,590 --> 00:05:43,080
üste doğru bırakmak dışında bir kopyasını asacağız ve daha sonra tek yapmamız gereken bu yatay

76
00:05:43,080 --> 00:05:45,270
sınıfı doğru öğelerle imzalamak.

77
00:05:45,270 --> 00:05:52,260
Yani üzerinde olması istenen olanlar şu an buradakiler bu yüzden bu ilk T olacak. T.

78
00:05:52,260 --> 00:05:54,500
ikinci TR'de

79
00:05:54,870 --> 00:05:56,100
Bu yüzden sadece devam edip bunu yapacağım.

80
00:05:56,100 --> 00:06:01,420
Sınıf eşittir veya TL'dir ve bunu kopyalayın.

81
00:06:01,440 --> 00:06:07,320
Sonra burada bu ortada olmasını isteriz; zaten bir sınıf dikeyliğine sahip olduğumuzu göreceksiniz ve biz bunu daha

82
00:06:07,320 --> 00:06:09,910
önce bir kümeden fazla sınıfımız olduğu yerde görmedik.

83
00:06:09,930 --> 00:06:10,910
Gerçekten kolay.

84
00:06:10,920 --> 00:06:13,880
Tek yapmamız boşluk eklemek.

85
00:06:13,890 --> 00:06:16,350
Yani bu dikey yatay denilen bir sınıf değil.

86
00:06:16,350 --> 00:06:19,780
İki dikey ve aynı zamanda yatay.

87
00:06:20,190 --> 00:06:27,030
Sonra da aynı şeyi bu son cd'ye yapacağız; burada bu olan CD'yi kaydedelim ve

88
00:06:27,030 --> 00:06:31,840
sayfayı tazelersek, tamamlanmış olan tic-tac ayak parmağımıza sahip oluruz.

89
00:06:31,950 --> 00:06:36,930
Burada yapmak istediğim en son şey sadece ortalanmış olacak şekilde

90
00:06:36,930 --> 00:06:38,800
taşımak ve gerçekten kolay.

91
00:06:38,910 --> 00:06:42,460
Masamızda sadece bir satır başarı.

92
00:06:42,720 --> 00:06:47,820
Ona bir miktar mizan vereceğiz ve işte gidiyoruz.

93
00:06:47,850 --> 00:06:49,820
Bu marj otomatik olarak hesaplanır.

94
00:06:49,830 --> 00:06:51,270
Ben ilerledikçe görebiliyorsun.

95
00:06:51,330 --> 00:06:57,140
kenar boşluklarının artan ve azalan pencereyi yeniden boyutlandırdığımızda ve sonuncusu, tic tac

96
00:06:57,150 --> 00:07:04,440
ayak parmağının sadece bunu yapabildiğini söyleyen en üstte her birini eklemek istediysek son bir şey.

97
00:07:07,620 --> 00:07:08,520
Demek istediğim,

98
00:07:08,550 --> 00:07:12,690
Fakat Phi'nin bu elementinin incelendiğini göreceksiniz.

99
00:07:13,200 --> 00:07:16,480
İncelemek zorunda kalmadan görebildiğinizi görebiliyorum, her şey yol boyunca bitti.

100
00:07:16,650 --> 00:07:22,900
Dolayısıyla ortada gitmek isterse, eleman aslında ekranın her tarafına kadar dolaşır.

101
00:07:23,150 --> 00:07:24,620
Bu maviyi buradan görebilirsiniz.

102
00:07:24,870 --> 00:07:31,710
Dolayısıyla metnin merkezine girebilirim ve bu bize H-1'in aslında ortada olduğu etkisini verecektir.

103
00:07:31,980 --> 00:07:40,720
Bu yüzden sadece H-1 metni hizalama merkezini kurtardım.

104
00:07:41,130 --> 00:07:43,230
Ve işte gidiyoruz, tic tac toe boardumuz var.