1
00:00:00,210 --> 00:00:05,100
Pekâlâ, bu yüzden ilk Jay kraliçesi egzersizi egzersizi yapmanın zamanı geldi, işte bu

2
00:00:05,100 --> 00:00:11,370
şekilde size divs için bazı yaşlı hymnal verelim, bazıları sınıflara sahibiz, bazıları fikir sahibi, divs için

3
00:00:11,370 --> 00:00:18,270
bunları alıp alacaklar kendi yaş HTML dosyanıza sahipseniz ve bir Cdn kullanmak istiyorsanız veya onu indirmek istiyorsanız bunu

4
00:00:18,270 --> 00:00:22,330
size nasıl yapacağınızı doğru bir şekilde Jay sorgusu eklemeniz gerekir.

5
00:00:22,650 --> 00:00:27,720
Ve sonra Jay Querrey'yi kullanmayı denemenizi ve özellikle de dolar işaretini seçmek için

6
00:00:27,990 --> 00:00:32,040
dört hızlı zorluk var ve SS'yi stil olarak görmek Dot.

7
00:00:32,070 --> 00:00:33,130
İlk olanlar.

8
00:00:33,270 --> 00:00:36,590
Tüm div'leri seçin ve onlara mor arka plan verin.

9
00:00:36,870 --> 00:00:43,200
Birincisi, sınıf vurguluğuna sahip div'leri seçer ve bunları 200 piksel genişlik yapar.

10
00:00:43,200 --> 00:00:49,800
Üçüncüsü div'ı üçüncü kimliğe sahip olarak seçmek ve portakal sınıra vermek ve ne kadar geniş ve

11
00:00:49,920 --> 00:00:51,930
ne tarz bir sınıra vermek.

12
00:00:52,110 --> 00:00:58,630
Ve sonra bonus yalnızca ilk div'ı seçmek ve yazı tipi rengini pembe yapmak için değiştirmektir.

13
00:00:58,650 --> 00:01:00,120
Bu yüzden bir şans ver başlı başına.

14
00:01:00,120 --> 00:01:01,710
Bir video yayınlamanız gerekecek.

15
00:01:01,710 --> 00:01:03,280
Yeni Çağ HTML dosyası oluşturun.

16
00:01:03,330 --> 00:01:08,730
ekleyin ve sonra bu kodu kopyalayın veya kendiniz yazdıktan sonra dört zorluğu çözmeniz gerekir.

17
00:01:08,730 --> 00:01:09,660
Bir sorgu

18
00:01:09,660 --> 00:01:11,130
Bu yüzden bir video yayınlayarak devam edin.

19
00:01:11,130 --> 00:01:13,500
Çözümle zaten birkaç saniye içinde

20
00:01:20,970 --> 00:01:21,730
döneceğim.

21
00:01:21,750 --> 00:01:24,700
Devam edin ve bunun için hızlı bir çözüm yazın.

22
00:01:25,050 --> 00:01:29,070
Her zaman olduğu gibi yapmamız gereken ilk şey, her zaman dosyamızı yapmaktır.

23
00:01:29,070 --> 00:01:30,220
Bu yüzden yeni bir dosyam var.

24
00:01:30,240 --> 00:01:37,740
başlığa çağıracağız ve sonra devam edip başlangıç ​​DML'imi ve ben ekleyeceğim Yazmak yerine kopyalamanız gerekecek.

25
00:01:37,740 --> 00:01:45,760
Buna html denince egzersiz yaptım ve onu kaydedip daha sonra normal zaman çizelgesi l içinde hazırlayacağım derlemeye

26
00:01:46,060 --> 00:01:48,780
ekleyeceğim ve bu J sorgusu egzersizini

27
00:01:49,520 --> 00:01:52,080
Tamam, bu yüzden dört elemente sahibiz.

28
00:01:52,080 --> 00:01:54,660
Şimdi gidip Jay Querrey'i ekleyelim.

29
00:01:54,780 --> 00:02:00,330
Unutmayın, bunu yapmanın iki yolu var, bunu yerel olarak ekleyebiliriz veya bir CDN'ye bağlanabiliriz.

30
00:02:00,480 --> 00:02:03,150
Böylece her ikisini de göstereceğim.

31
00:02:03,510 --> 00:02:05,710
Sadece dosyayı kopyalayacağım.

32
00:02:06,030 --> 00:02:10,430
Dolayısıyla buradaki sürümü sadece c komuta V komutuna dönüştürmek zorundayım.

33
00:02:10,620 --> 00:02:14,350
Şimdi Simmo yaşındaki egzersizlerimle aynı dizinde bulunduruyorum.

34
00:02:14,580 --> 00:02:21,540
Ve sonra buraya gideceğim ve yapmak istediğim ilk şey bir komut dosyası etiketi komut dosyası eklemek

35
00:02:21,600 --> 00:02:28,620
ve sonra da kaynak eşdeğerlerini ekleyeceğim ve sonra Jay çizgisini 1 noktasına doğru eşleştirdiğimden emin olmam

36
00:02:28,660 --> 00:02:31,000
gerekiyor . 4 erkek.

37
00:02:31,080 --> 00:02:32,110
Evet.

38
00:02:32,190 --> 00:02:38,230
Jay kraliçesi Dot erkekler için bir noktaya gelinceye kadar fırladı.

39
00:02:38,390 --> 00:02:45,640
İsa bunu kaydedeceğiz ve tarayıcımızda açacağız ve işe yarayıp yaramadığını görmek için küçük bir test yapacağız.

40
00:02:46,650 --> 00:02:47,950
Dosyayı bulduğu anlaşılıyor.

41
00:02:47,970 --> 00:02:55,920
Aksi takdirde bize bir hata verir ve biz her zaman bir dolar işareti div gibi bir şey yapmayı deneyebilir ve ne

42
00:02:55,920 --> 00:02:56,910
elde ettiğimizi görebiliriz.

43
00:02:57,030 --> 00:02:57,910
Ve işe yarıyor.

44
00:02:57,900 --> 00:03:00,060
4 div'ımızı seçiyor.

45
00:03:00,060 --> 00:03:02,670
Ayrıca A-J sorguları CDN de ekleyebiliriz.

46
00:03:03,180 --> 00:03:04,600
Bunun için sadece google'ım.

47
00:03:04,680 --> 00:03:07,510
Jay quercetin ve daha sonra sürümümüzü seçin.

48
00:03:07,980 --> 00:03:09,690
Bu yüzden 3 istemiyoruz. 0.

49
00:03:09,930 --> 00:03:10,670
Eminim sorun yok

50
00:03:10,680 --> 00:03:12,940
Ama bu en yeni sürüm ve hala bir alfa.

51
00:03:13,050 --> 00:03:15,070
Dolayısıyla muhtemelen bazı böcekler ve bazı sorunlar var.

52
00:03:15,150 --> 00:03:22,500
Dolayısıyla bir nokta dört, en son kararlı sürümü belirtmek için bu URL'yi kopyalayacağız ve sonra başka bir komut dosyası

53
00:03:22,500 --> 00:03:27,870
etiketi ekleyeceğiz ve ikisini de burada bırakıp bir tanesini yorumlayıp kaynağınızı sizinle aynı seviyeye

54
00:03:27,870 --> 00:03:28,830
getireceğim. yanlış.

55
00:03:28,950 --> 00:03:33,920
Yani ikisi de işe yarıyor çünkü Cdn'yi kullanacağım zaten sana kanıtladım, çünkü

56
00:03:37,260 --> 00:03:38,460
hepimiz Cdn'yi kullandık.

57
00:03:38,490 --> 00:03:42,360
Zaten bunun bir çeşit uğraş için çalıştığını kanıtladım.

58
00:03:42,510 --> 00:03:47,180
Dolayısıyla, kodumuz hala çalışıyor mu? Kaydedip yenileyip tekrar kontrol edeceğiz.

59
00:03:47,460 --> 00:03:49,830
Evet, dolar işaretleri iyi buluyor.

60
00:03:49,830 --> 00:03:51,510
J Qwerty'ye bağlı.

61
00:03:51,600 --> 00:03:58,320
Yapmak istediğim bir nokta, başında J kraliçesini içerdiğimizi ve vücudumuza

62
00:03:58,320 --> 00:04:01,330
yazdığımız senaryolarımızda kullandığımız bir nokta.

63
00:04:01,590 --> 00:04:06,930
Ve şunu yapmamızın nedeni, şeylerin sıralandığı gibi yüklendiğini hatırlamasıdır Arjay sorgusunun bir

64
00:04:07,200 --> 00:04:11,120
komut dosyası yerine kullanmadan önce kesinlikle yüklenmesini istiyoruz.

65
00:04:11,430 --> 00:04:18,620
Dolayısıyla tanımlamamız gereken senaryomuz, nereye kod yazacağımızdır ve bunu sadece egzersiz olarak adlandıracağız.

66
00:04:18,640 --> 00:04:19,720
J s.

67
00:04:19,850 --> 00:04:28,200
Ve o dosyayı J usulüyle egzersiz haline getirmeliyiz ve bunu burada aynı dizine koyacağız ve yapabileceğimiz şey, hem

68
00:04:29,550 --> 00:04:36,210
h tim dosyamıza hem de J sorgusuna bağlı olup olmadığını görmek için gerçekten basit bir

69
00:04:36,210 --> 00:04:41,790
testtir J sorgusu yöntemini görebilir ve kullanabilirse, bunun gibi bir şey yapacağız.

70
00:04:41,820 --> 00:04:54,140
J sorgusu başka bir şey yaparsa, J sorgusu varsa, yüklenen bir sorguyu uyarırız

71
00:04:54,130 --> 00:04:59,780
Jay Querrey'nin üzgün yüzünü tanıyıp uyarırız.

72
00:05:00,020 --> 00:05:03,540
Şimdi yenilersek J sorgusu yüklenir.

73
00:05:03,760 --> 00:05:05,240
Bu bize iki şey anlatıyor.

74
00:05:05,260 --> 00:05:12,020
Biri bu senaryo İsa'nın bağlı olduğu egzersizle koşuyor ve ikisi Jay Querrey yöntemlerini kullanmayı

75
00:05:12,010 --> 00:05:12,570
başardı.

76
00:05:12,820 --> 00:05:20,200
Bunu ters sırada yapmış olsaydım ve egzersizime Jay Evet ekledikten sonra Jay sorgusunu koydum ve kaydettikten

77
00:05:20,200 --> 00:05:26,350
ve yenilendikten sonra J sorgusunun tanımlanmadığını söyleyen bir hata aldık, böylece şeylerin koyduğumuz

78
00:05:26,410 --> 00:05:28,260
sıranın önemini görebilirsiniz. içinde.

79
00:05:28,510 --> 00:05:34,660
Dolayısıyla, her zaman kütüphanelerimizi, kodumuzun en başında kullandığımız

80
00:05:34,690 --> 00:05:37,540
komut dosyalarımıza koymak istiyoruz.

81
00:05:37,720 --> 00:05:42,850
Atamaya geri dönelim ve yapmamız gereken ilk şey, daha önce yaptığımız Jay Querrey'yi doğru

82
00:05:42,850 --> 00:05:44,020
bir şekilde eklemeliler.

83
00:05:44,020 --> 00:05:48,670
Sonraki bölümde, tüm div'leri seçip, mor arka planı vermeliyiz.

84
00:05:49,000 --> 00:05:55,530
Dolayısıyla devam edip, tırnaklar yerine dolar işareti kullanarak tüm div'leri seçeceğiz.

85
00:05:55,690 --> 00:05:58,360
Tek yapmamız CSSA ile div seçmek.

86
00:05:58,390 --> 00:06:02,520
Yani div Cs S nokta ve biz onları mor yapacağız.

87
00:06:02,560 --> 00:06:09,230
Bu durumda renk veya arka plan mor renklidir veya kendi R'yi kullanabilirdik. G. B gölge moru.

88
00:06:09,380 --> 00:06:14,320
Ve RGV ile nasıl mor yapacağımızı hatırlamıyorsanız, R oynamaya gitmeniz gerekiyor. G. daha oldu.

89
00:06:14,320 --> 00:06:15,560
biraz

90
00:06:15,670 --> 00:06:20,110
Kaydedebildiğimiz ilk şey bu ve yenileyerek işe yarayıp yaramadığını kontrol edebiliyoruz.

91
00:06:20,530 --> 00:06:22,910
Ve dört mor arka plan elde ediyoruz.

92
00:06:23,200 --> 00:06:23,770
TAMAM.

93
00:06:23,920 --> 00:06:25,050
İşte bu kadar.

94
00:06:25,090 --> 00:06:28,780
Tüm div'ları seçmek ve onlara mor arka plan vermek.

95
00:06:28,780 --> 00:06:32,360
Burada biraz not ekleyip bunu yorumlayacağım.

96
00:06:32,620 --> 00:06:38,670
Sıradaki sınıfları vurgulamaya eşit olan div'leri seçmek ve bunları 200 piksel genişlik yapmak istiyoruz.

97
00:06:38,990 --> 00:06:45,340
Dolayısıyla çok benzer bir şekilde çalışacaktır ancak yapmak zorunda olduğumuz şeyi vurgulamakla eşit olan sınıflarla div'leri

98
00:06:45,340 --> 00:06:47,390
seçmek tekrar dolar işareti kullanmaktır.

99
00:06:47,950 --> 00:07:02,770
Ve div yerine nokta vurgulamasını kullanabilir ve daha sonra C Ss ile yapabiliriz ve bu 200 pik olacaktır.

100
00:07:02,870 --> 00:07:07,660
Bu, teknik açıdan bir vurgu sınıfı olan her şeyi seçtiğini belirtmek gerekir.

101
00:07:07,660 --> 00:07:13,540
Açık olmasını ve yalnızca vurgu sınıfına sahip div'leri söylemesini isterseniz bir bağlantı etiketi

102
00:07:13,540 --> 00:07:18,470
ya da aynı sınıfa sahip bir paragraf olabilir, bu seçiciyi yazarız.

103
00:07:18,670 --> 00:07:22,290
Ve bu, tüm div'ları vurgulama sınıfıyla birlikte söyleyen C SS'dir.

104
00:07:22,390 --> 00:07:24,370
Fakat bu durumda bir fark yaratacak.

105
00:07:24,380 --> 00:07:31,750
Yenileme ile 200 piksel ve bu iki divs, ikinci ve dördüncü div vurgulamak sınıf var

106
00:07:31,750 --> 00:07:35,260
görebilirsiniz ve 200 piksel ile sahip olduklarını.

107
00:07:35,890 --> 00:07:41,100
Tamam, birincisi, üçüncü fikriyle div seçmektir.

108
00:07:41,460 --> 00:07:50,320
Ve bu Id dolar işareti ile div seçmek için turuncu bir sınır vermek ve nokta yerine bizim Thorpe'a

109
00:07:50,590 --> 00:07:51,850
ihtiyacımız var.

110
00:07:52,300 --> 00:07:59,060
Ve sonra SS'nin sipariş ettiği kimliğin adı ve bize bağlı.

111
00:07:59,080 --> 00:08:00,680
Tek söylediğim, renk turuncu idi.

112
00:08:00,870 --> 00:08:10,420
iki pikselli katı bir turuncu sınır yapalım ve kaydet ve yenileyelim ve şimdi şu portakal renginde kenarlığımız var.

113
00:08:10,420 --> 00:08:11,140
Şimdi

114
00:08:11,190 --> 00:08:14,680
Screencast'ta daha iyi gösterilmesi için biraz daha büyük yapacağım.

115
00:08:14,680 --> 00:08:15,280
Oraya gidiyoruz.

116
00:08:15,500 --> 00:08:20,360
Ve bu kelimenin kimliğine sahip üçüncü bir div civarında.

117
00:08:20,650 --> 00:08:26,710
Dolayısıyla, bir bonus olan son meydan, yalnızca ilk div'ı seçmek ve yazı tipi rengini

118
00:08:26,710 --> 00:08:32,380
pembe renge çevirerek ilk div'ı seçeceği şekilde bir CSSA sahte seçiciyi kullanıyor olacaktı.

119
00:08:32,380 --> 00:08:41,030
Önce CSSA seçici videolarından bazılarıyla aşina olmanız gereken, soyut iki nokta üstüste ilk

120
00:08:41,020 --> 00:08:42,710
çizgi çizgi türü.

121
00:08:42,910 --> 00:08:53,440
Ve sonra sadece pembeleştireceğiz, SS rengi pembedir ve kaydetmek ve yenilemek ve renklerin

122
00:08:53,440 --> 00:08:55,730
pembe olduğunu görebilirsiniz.

123
00:08:55,730 --> 00:09:02,480
Sahip olduğumuz diğer seçenek aslında sadece Colan ilk olan ve aynı zamanda da iyi çalışan

124
00:09:02,920 --> 00:09:05,350
bir yerleşik J sorgu kısayolu var.

125
00:09:05,380 --> 00:09:11,800
İlginç bir nokta, ilk önce iki nokta üst üste kullanmanın aslında ilk önce biraz

126
00:09:11,810 --> 00:09:19,970
daha yavaş olmasıdır çünkü ilk önce bir CSSA seçicisine karşı bir J sorgusu kısayolu olduğunu değerlendirmek için yerleşiktir.

127
00:09:20,060 --> 00:09:23,590
Yani yerli Cs değil, sadece biraz daha yavaş.

128
00:09:23,770 --> 00:09:25,540
Bu yüzden ilk tip kullanacağım.

129
00:09:25,880 --> 00:09:28,870
Tamam, bir sonraki videolardaki bu alıştırma için bu kadar.

130
00:09:29,000 --> 00:09:33,360
Sadece SEUS'u değiştirmeden başka şeyleri manipüle etmenin diğer yolları hakkında bilgi edineceğiz