1
00:00:01,300 --> 00:00:04,270
Pekâlâ, şimdi biraz C S S. yazmamızın zamanı geldi.

2
00:00:04,290 --> 00:00:05,400
Çok heyecan verici.

3
00:00:05,400 --> 00:00:09,000
Bunu yapmadan önce ona yaşlanacak bazılarını yaşamak zorundayız, stil yapabiliriz.

4
00:00:09,180 --> 00:00:16,470
Bu yüzden ilerlemeye devam edeceğim ve yüce bir şekilde yeni bir dosya hazırlayacağım, şimdilik sadece masamın üstüne koyacağım ve ben

5
00:00:16,470 --> 00:00:18,140
de onun hakkımda sesleneceğim.

6
00:00:18,220 --> 00:00:21,180
HMO.

7
00:00:22,470 --> 00:00:30,400
İskeleti kazan plakasına getiren şu küçük numara kullanın ve bu çok basit bir sayfa olacak.

8
00:00:30,600 --> 00:00:34,500
Sana söylüyorum işimiz bittiğinde artık güzel olmayacak.

9
00:00:34,590 --> 00:00:36,110
Bazı renkleri değiştireceğiz.

10
00:00:36,210 --> 00:00:38,950
Bunların hepsinin birlikte nasıl çalıştığının temellerini inceliyoruz.

11
00:00:39,240 --> 00:00:44,820
Bu yüzden sadece gidip, her biri benim hakkımda, sonra

12
00:00:48,450 --> 00:00:52,430
da hobilerim için bir kaşıntı söyleyelim.

13
00:00:52,740 --> 00:00:55,150
Bunu kendinize göre uyarlayın.

14
00:00:55,530 --> 00:01:12,730
Bir liste ve birkaç müttefik ekleyelim ve uçan tar pişirme ve origami yapalım ve o dosyayı kaydedin.

15
00:01:13,110 --> 00:01:14,180
Sadece iki kez kontrol edelim.

16
00:01:14,280 --> 00:01:16,870
Hadi açalım.

17
00:01:16,920 --> 00:01:17,480
Harika.

18
00:01:17,550 --> 00:01:19,970
Stil yapacağımız harika sitemiz.

19
00:01:20,580 --> 00:01:26,650
Yani aslında başarı yazmaya başlamadan önce, başarıyı nereye koyacağımıza karar vermeliyiz.

20
00:01:26,820 --> 00:01:28,520
Aslında birkaç seçenek var.

21
00:01:28,860 --> 00:01:34,800
Yani notalarda bu sayfada referans aldığım iki tane var ve size şu anda söyleyeceğim ilk

22
00:01:34,800 --> 00:01:36,840
şey iyi bir fikir değil.

23
00:01:36,840 --> 00:01:41,100
Sana sadece iki nedenden haberdar olman için sana gösteriyorum.

24
00:01:41,100 --> 00:01:47,430
edebilmenin tek yoludur ve CSSA'dan önce aslında bunu her bir öğede yapmıştınız.

25
00:01:47,490 --> 00:01:51,390
Bu, öğeleri ayrı stil sayfasından önce stil

26
00:01:51,660 --> 00:01:55,380
Öyleyse bir örnek göstereyim.

27
00:01:55,830 --> 00:01:59,140
İlk önce mor yalan söylemek istiyorum.

28
00:01:59,340 --> 00:02:08,000
Stil söylerdim ve sonra alıntıda Renk Moru derler ve işe yarayacak.

29
00:02:08,580 --> 00:02:10,800
Ve bu mor olarak değişir.

30
00:02:11,490 --> 00:02:18,780
Yani bir sorun var, ama bunların hepsinin mor olmasını istersem, devam etmem ve bunu

31
00:02:18,780 --> 00:02:20,880
her zaman çoğaltmamız gerekiyor.

32
00:02:20,880 --> 00:02:21,910
Bu çok iş.

33
00:02:21,990 --> 00:02:27,300
Ve oh hayır karar verirsem onların yeşil olmasını istemiyorum, o zaman gitmem lazım ve yeşil olmak için üç farklı

34
00:02:27,870 --> 00:02:28,570
yeri değiştirmeliyim.

35
00:02:28,770 --> 00:02:33,960
Belli bir sayfada yüzlerce aynı öğeyi aynı stilde kullandığınızda bu

36
00:02:34,170 --> 00:02:35,940
sorun çok daha kötüdür.

37
00:02:35,940 --> 00:02:37,200
Bu kötü bir fikir.

38
00:02:37,470 --> 00:02:43,220
Bunun başka bir nedeni de harika bir fikir değil, RCA'dan h tim L'yi ayırmak istiyoruz.

39
00:02:43,380 --> 00:02:46,050
Endişelerin ayrılması fikri budur.

40
00:02:46,200 --> 00:02:50,030
CSSA'mızın kendi dosyasında bulunmasını istiyoruz.

41
00:02:50,040 --> 00:02:53,270
Ona sadece yapı ile kendi dosyasını yaşlamak istiyoruz.

42
00:02:53,290 --> 00:02:55,130
Css sadece stildir.

43
00:02:55,230 --> 00:02:58,490
Şu anda bu ikisinin ikisi arasında garip bir karışım var.

44
00:02:58,710 --> 00:03:07,010
Bu yüzden onlardan kurtulacağım ve notaların diğer tarafında stil saldırısı denilen şey var.

45
00:03:07,360 --> 00:03:13,740
Dolayısıyla bir stil etiketi, aslında bir şeyler seçtiğimiz yerde Css sözdizimi yazmamıza ve burada yapamadığımız kıvırcık parantezlere

46
00:03:14,040 --> 00:03:15,580
sahip olmamıza izin verir.

47
00:03:16,230 --> 00:03:20,590
Ama yapabileceğimiz, bunu bir belge içinde yapmaktır.

48
00:03:20,700 --> 00:03:25,530
burada bazı C Ss etiketleri ve seçicileri yazabiliriz.

49
00:03:29,940 --> 00:03:40,620
Yukarıda sadece devam edin ve sadece stil adı verilen etiketi oluşturun ve bu öznitelik türünü metin eğik çizgi C

50
00:03:40,890 --> 00:03:43,260
Ss'ye eşit verebiliriz, böylece

51
00:03:43,470 --> 00:03:52,620
Bu nedenle, genel kural seçicisinin olması ve ardından kıvırcık ayraçlar içinde özellik ve sonra da bir yarı-iki nokta

52
00:03:52,650 --> 00:03:55,240
işareti özelliğine sahip olduğumuzu unutmayın.

53
00:03:55,920 --> 00:03:58,990
Bu yüzden yorum yapmak için bu konuyu yorumlayacağım.

54
00:03:59,040 --> 00:04:03,870
SS eğik çizgi ve yıldız işaretini kullanın ve daha sonra yıldız işareti ve eğik çizgi kullanın.

55
00:04:04,230 --> 00:04:06,060
Bu yüzden burada bırakacağım yani.

56
00:04:06,270 --> 00:04:12,990
Ve H-1'i mor olarak değiştirerek başlayalım.

57
00:04:13,020 --> 00:04:16,810
Bu şekilde, bu deseni izlersek onu seçeriz.

58
00:04:17,070 --> 00:04:23,670
Böylece her birini tekrar yazacağız ve farklı seçiciler türleri üzerinde çok fazla

59
00:04:23,670 --> 00:04:24,680
zaman harcayacağız.

60
00:04:24,690 --> 00:04:29,640
Dolayısıyla şu anda H-1 olan bir eleman türünün temel

61
00:04:29,760 --> 00:04:32,860
alınmasına neden olan elemanlar selektörünü öğrendik.

62
00:04:33,300 --> 00:04:38,550
Şimdi burada bir mülk ekleyeceğiz ve bu videoda son derece basit

63
00:04:38,550 --> 00:04:40,220
tutacağız ve renk kullanacağız.

64
00:04:40,740 --> 00:04:54,490
Sonraki yapabileceğimiz sonraki şey, tüm müttefikleri turuncu olmak için değiştirmek ve bir öğe seçici ile seçmek yapmak Tekrar ediyoruz ve bunu hemen sonra yapabiliriz.

65
00:04:54,490 --> 00:05:03,430
Bu yüzden renk söyleyip sonra mor ve bu tekrar kaydetmek ya da sayfa yedeklemek ve

66
00:05:03,430 --> 00:05:06,510
biz bir mor H-1 olsun

67
00:05:06,520 --> 00:05:10,660
Herhangi bir virgüle veya herhangi bir noktalama işaretine ihtiyacımız yok.

68
00:05:10,660 --> 00:05:19,390
Burada sadece kıvrımlı ayraçlar uyguluyoruz ve bu sefer renk turuncu diyeceğiz.

69
00:05:19,390 --> 00:05:25,780
Dolayısıyla bunu yapmamızın nedeni, bu Elyse seçicisinin sadece birini seçmekle kalmayan her

70
00:05:25,780 --> 00:05:28,500
yalanı seçtiğini size göstermek isterim.

71
00:05:28,600 --> 00:05:33,340
Böylece üçümüzün hepsi turuncu renkte canlanıyor.

72
00:05:33,340 --> 00:05:36,220
Aynı şekilde, H-1 ile birden çok tane varsa.

73
00:05:36,310 --> 00:05:38,190
Bu yüzden üç ekleyeceğim.

74
00:05:38,260 --> 00:05:42,210
Hepsi mor olurlardı.

75
00:05:42,220 --> 00:05:48,850
Sana burada göstereceğim başka bir şey, daha sonra her biri için başka bir stil bulmam gerekip gerekmeyeceğidir ve

76
00:05:48,850 --> 00:05:50,380
mavi olmalı, maviye dönmesi

77
00:05:54,130 --> 00:05:54,860
gerektiğini söylüyorum.

78
00:05:54,910 --> 00:05:56,020
Hepsi maviye dönüşüyor.

79
00:05:56,080 --> 00:06:00,400
Ve bu yüzden bu, çelişkili stil bilgileri olduğunda ne olacağı hakkında

80
00:06:00,400 --> 00:06:02,680
çok şey öğreneceğimiz bir şeye dönüşüyor.

81
00:06:02,680 --> 00:06:05,200
Bu durumda hepsini mor olarak değiştirdik.

82
00:06:05,410 --> 00:06:07,870
Sonra hepsini mavi olmak üzere değiştiririz.

83
00:06:07,870 --> 00:06:12,510
Böylece sanırım daha sonra gelen savaş kazandı.

84
00:06:13,560 --> 00:06:14,040
TAMAM.

85
00:06:14,050 --> 00:06:21,520
Yaptığımız şeyle ilgili sorun iyi görünüyor, ancak ne yazık ki hala

86
00:06:21,520 --> 00:06:22,550
HMO'da.

87
00:06:22,690 --> 00:06:27,940
Ve birkaç dakika önce kendisini ayırmak isteyen veya R C S

88
00:06:27,940 --> 00:06:30,210
bizden istediklerini söyleyerek bittiklerini söyledik.

89
00:06:30,320 --> 00:06:35,000
İyi ki bağlanmalarını isteriz, çünkü CC'lerin HMO'sunun iç içe yerleştirilmesini istemiyoruz.

90
00:06:35,440 --> 00:06:38,630
Böylece işlevsel olarak tam olarak aynı şekilde çalışır.

91
00:06:38,800 --> 00:06:46,880
Hiçbir görsel fark görmüyoruz ancak aslında yapmak istediğimiz şey bir bağlantı etiketi kullanmaktır.

92
00:06:47,290 --> 00:06:53,810
Dolayısıyla bir bağlantı etiketi bize ne yapmamızı ister SS'yi tamamen ayrı bir dosyaya yazıp görür ve daha sonra

93
00:06:53,810 --> 00:06:59,830
temelde o dosyanın içeriğini ve ruhumuzu ve çağımızın her şeyi stilini alacak olan başımızın yerine bağlantı

94
00:07:00,190 --> 00:07:01,580
etiketi ile bağlantı kurar.

95
00:07:01,580 --> 00:07:05,090
Tim L. dosyanın içeriği göz önüne alındığında.

96
00:07:07,270 --> 00:07:13,780
ve RC SS'yi buraya koyacağız, böylece onu kurtaracağız ve ben sadece onu çağıracağız.

97
00:07:13,780 --> 00:07:17,630
Yani yazmak için yeni bir dosya açarak başlayabiliriz

98
00:07:17,690 --> 00:07:25,420
C Ss ne istersen onu çağırırsın ama Css noktasını bulmam gerekiyor ve onu

99
00:07:26,230 --> 00:07:28,960
HDMI dosyamla aynı dizine koyuyorum.

100
00:07:29,050 --> 00:07:37,360
Yapacağım sonraki şey sadece birkaç stil tanımlamak ve burada H-1 renk

101
00:07:37,400 --> 00:07:42,630
kırmızı ve yalan renk yeşil diyelim diyelim.

102
00:07:43,240 --> 00:07:46,870
Ve biz buradayken bunu da değiştirelim.

103
00:07:46,870 --> 00:07:49,330
Mor renk.

104
00:07:49,870 --> 00:07:50,830
Harika.

105
00:07:50,980 --> 00:07:58,180
Bu yüzden elbette burada tanımlanan CSSA var ve şimdi bunun için yorum yapacağım.

106
00:07:58,180 --> 00:08:00,750
Tabii ki şu anda bağlı değiller.

107
00:08:01,120 --> 00:08:04,030
Bu yüzden bir dosya yaptık, ancak bağlı değil.

108
00:08:04,180 --> 00:08:06,550
Bunu yapmak için bağlantı etiketini kullanmamız gerekiyor.

109
00:08:06,880 --> 00:08:13,810
Dolayısıyla sadece bağlantı yazıp sekmeye tıklamak isterim; o da, A-Trak adındaki yüce metnin doldurulmasını

110
00:08:14,210 --> 00:08:19,570
istediği ve bir çıpa etiketinde oluk gibi çalıştığının önemli bir özelliği

111
00:08:19,570 --> 00:08:22,110
olduğunu görebilirsiniz Bir varış ver

112
00:08:22,140 --> 00:08:24,900
Dosyayı bulmak için ona bir yer veriyoruz.

113
00:08:24,940 --> 00:08:35,140
Dolayısıyla bu durumda bu dosya bize sadece "biz" olarak adlandırılıyor, bu nedenle kaçırmamak için evet kaydetmek ve yenilemek yazmaktayız.

114
00:08:35,140 --> 00:08:42,540
Şimdi, H-1'e mor bir sayfa 4 ve yeşil müttefikler okuduğumuza göre, hepimiz yapacağımız işi yapalım.

115
00:08:42,540 --> 00:08:43,920
Şimdilik stile gelince.

116
00:08:44,110 --> 00:08:50,440
Burada tartıştığımız ilk şey, stil niteliğini, bu stildeki gibi bir stil eklemek için kullandığımız

117
00:08:50,620 --> 00:08:57,070
ve sonra ona bir özellik verdiği ve bu iki nedenden dolayı kötü bir fikirdir.

118
00:08:57,160 --> 00:09:01,420
Bunlardan birincisi, bir sürü stile sahip H Tim L'yi yığılmak istemiyoruz.

119
00:09:01,480 --> 00:09:02,890
Ayrı olmalarını istiyoruz.

120
00:09:03,160 --> 00:09:06,860
Ve ikinci sebep, şeyleri değiştirmek istiyorsak bunun bir acı olması.

121
00:09:07,150 --> 00:09:11,500
3H'lik bir iş parçacığı yapmak istersek çoğaltırız.

122
00:09:11,530 --> 00:09:14,850
Bu kodu üç farklı yere kopyalamalıyız.

123
00:09:15,340 --> 00:09:21,550
Öğrendiğimiz bir sonraki şey stil etiketini kullanıyordu ve stil etiketi bize Timo'umuzun içine C

124
00:09:21,640 --> 00:09:23,110
S yazmamızı sağlıyor.

125
00:09:23,410 --> 00:09:24,940
Ve işe yarıyor.

126
00:09:24,940 --> 00:09:30,010
Bir kerede hepsini seçebildiğimiz CSSA sözdizimini kullanmamıza izin veriyor.

127
00:09:30,010 --> 00:09:34,710
Bununla ilgili sorun, sadece R C S S'yi doğrudan öfkelendirmek istemediğimizden kaynaklanıyor.

128
00:09:35,230 --> 00:09:39,940
sonra bağlandığınız bazı stilleri hızla eklemek istediğiniz bir şeyi ayıklarsanız bu yöntemi kullanırsınız.

129
00:09:40,180 --> 00:09:42,880
Ancak, bazen, yeni bir dosya oluşturmak istemediğiniz ve

130
00:09:42,920 --> 00:09:44,480
Daha sonradan silmeye devam edeceksin.

131
00:09:44,590 --> 00:09:46,100
Bu yüzden gerçekten onu kullandığım yer burası.

132
00:09:46,100 --> 00:09:48,530
Sadece hızlı gösteri amacıyla.

133
00:09:48,730 --> 00:09:53,670
Ancak aslında kullanmak istediğimiz link tag link tag'idir.

134
00:09:53,860 --> 00:09:55,810
Bu sadece başka bir dosyaya yapılan bir referans.

135
00:09:55,960 --> 00:10:02,020
Dolayısıyla, stillerle dolu bir dosyaya ihtiyacımız var, Dotsie ile biten dosyayı kaydedin ve sonra da

136
00:10:02,020 --> 00:10:05,800
H ref özniteliğine bağlayın ve yapmamız gereken tek şey budur.

137
00:10:05,800 --> 00:10:12,550
Unutmayı unuttuğum şey, kesinlikle bağlantı etiketlerini ve stilleri kafanıza koymak istediğinizden emin olmaktır.

138
00:10:12,790 --> 00:10:17,110
Aslında kafanın noktası, aslında sayfada değil öğeleri koyduğunuz nokta değil, öğeler

139
00:10:17,110 --> 00:10:22,600
değil, bu öğelerle ilgisi olan şeyler, yani stil sayfalarına sahip olduğunuz yazı tiplerini ve

140
00:10:22,900 --> 00:10:24,190
sonra sonunda javascript'in