Pekâlâ, bu yüzden ilk Jay kraliçesi egzersizi egzersizi yapmanın zamanı geldi, işte bu
şekilde size divs için bazı yaşlı hymnal verelim, bazıları sınıflara sahibiz, bazıları fikir sahibi, divs için
bunları alıp alacaklar kendi yaş HTML dosyanıza sahipseniz ve bir Cdn kullanmak istiyorsanız veya onu indirmek istiyorsanız bunu
size nasıl yapacağınızı doğru bir şekilde Jay sorgusu eklemeniz gerekir.
Ve sonra Jay Querrey'yi kullanmayı denemenizi ve özellikle de dolar işaretini seçmek için
dört hızlı zorluk var ve SS'yi stil olarak görmek Dot.
İlk olanlar.
Tüm div'leri seçin ve onlara mor arka plan verin.
Birincisi, sınıf vurguluğuna sahip div'leri seçer ve bunları 200 piksel genişlik yapar.
Üçüncüsü div'ı üçüncü kimliğe sahip olarak seçmek ve portakal sınıra vermek ve ne kadar geniş ve
ne tarz bir sınıra vermek.
Ve sonra bonus yalnızca ilk div'ı seçmek ve yazı tipi rengini pembe yapmak için değiştirmektir.
Bu yüzden bir şans ver başlı başına.
Bir video yayınlamanız gerekecek.
Yeni Çağ HTML dosyası oluşturun.
ekleyin ve sonra bu kodu kopyalayın veya kendiniz yazdıktan sonra dört zorluğu çözmeniz gerekir.
Bir sorgu
Bu yüzden bir video yayınlayarak devam edin.
Çözümle zaten birkaç saniye içinde
döneceğim.
Devam edin ve bunun için hızlı bir çözüm yazın.
Her zaman olduğu gibi yapmamız gereken ilk şey, her zaman dosyamızı yapmaktır.
Bu yüzden yeni bir dosyam var.
başlığa çağıracağız ve sonra devam edip başlangıç ​​DML'imi ve ben ekleyeceğim Yazmak yerine kopyalamanız gerekecek.
Buna html denince egzersiz yaptım ve onu kaydedip daha sonra normal zaman çizelgesi l içinde hazırlayacağım derlemeye
ekleyeceğim ve bu J sorgusu egzersizini
Tamam, bu yüzden dört elemente sahibiz.
Şimdi gidip Jay Querrey'i ekleyelim.
Unutmayın, bunu yapmanın iki yolu var, bunu yerel olarak ekleyebiliriz veya bir CDN'ye bağlanabiliriz.
Böylece her ikisini de göstereceğim.
Sadece dosyayı kopyalayacağım.
Dolayısıyla buradaki sürümü sadece c komuta V komutuna dönüştürmek zorundayım.
Şimdi Simmo yaşındaki egzersizlerimle aynı dizinde bulunduruyorum.
Ve sonra buraya gideceğim ve yapmak istediğim ilk şey bir komut dosyası etiketi komut dosyası eklemek
ve sonra da kaynak eşdeğerlerini ekleyeceğim ve sonra Jay çizgisini 1 noktasına doğru eşleştirdiğimden emin olmam
gerekiyor . 4 erkek.
Evet.
Jay kraliçesi Dot erkekler için bir noktaya gelinceye kadar fırladı.
İ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.
Dosyayı bulduğu anlaşılıyor.
Aksi takdirde bize bir hata verir ve biz her zaman bir dolar işareti div gibi bir şey yapmayı deneyebilir ve ne
elde ettiğimizi görebiliriz.
Ve işe yarıyor.
4 div'ımızı seçiyor.
Ayrıca A-J sorguları CDN de ekleyebiliriz.
Bunun için sadece google'ım.
Jay quercetin ve daha sonra sürümümüzü seçin.
Bu yüzden 3 istemiyoruz. 0.
Eminim sorun yok
Ama bu en yeni sürüm ve hala bir alfa.
Dolayısıyla muhtemelen bazı böcekler ve bazı sorunlar var.
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ı
etiketi ekleyeceğiz ve ikisini de burada bırakıp bir tanesini yorumlayıp kaynağınızı sizinle aynı seviyeye
getireceğim. yanlış.
Yani ikisi de işe yarıyor çünkü Cdn'yi kullanacağım zaten sana kanıtladım, çünkü
hepimiz Cdn'yi kullandık.
Zaten bunun bir çeşit uğraş için çalıştığını kanıtladım.
Dolayısıyla, kodumuz hala çalışıyor mu? Kaydedip yenileyip tekrar kontrol edeceğiz.
Evet, dolar işaretleri iyi buluyor.
J Qwerty'ye bağlı.
Yapmak istediğim bir nokta, başında J kraliçesini içerdiğimizi ve vücudumuza
yazdığımız senaryolarımızda kullandığımız bir nokta.
Ve şunu yapmamızın nedeni, şeylerin sıralandığı gibi yüklendiğini hatırlamasıdır Arjay sorgusunun bir
komut dosyası yerine kullanmadan önce kesinlikle yüklenmesini istiyoruz.
Dolayısıyla tanımlamamız gereken senaryomuz, nereye kod yazacağımızdır ve bunu sadece egzersiz olarak adlandıracağız.
J s.
Ve o dosyayı J usulüyle egzersiz haline getirmeliyiz ve bunu burada aynı dizine koyacağız ve yapabileceğimiz şey, hem
h tim dosyamıza hem de J sorgusuna bağlı olup olmadığını görmek için gerçekten basit bir
testtir J sorgusu yöntemini görebilir ve kullanabilirse, bunun gibi bir şey yapacağız.
J sorgusu başka bir şey yaparsa, J sorgusu varsa, yüklenen bir sorguyu uyarırız
Jay Querrey'nin üzgün yüzünü tanıyıp uyarırız.
Şimdi yenilersek J sorgusu yüklenir.
Bu bize iki şey anlatıyor.
Biri bu senaryo İsa'nın bağlı olduğu egzersizle koşuyor ve ikisi Jay Querrey yöntemlerini kullanmayı
başardı.
Bunu ters sırada yapmış olsaydım ve egzersizime Jay Evet ekledikten sonra Jay sorgusunu koydum ve kaydettikten
ve yenilendikten sonra J sorgusunun tanımlanmadığını söyleyen bir hata aldık, böylece şeylerin koyduğumuz
sıranın önemini görebilirsiniz. içinde.
Dolayısıyla, her zaman kütüphanelerimizi, kodumuzun en başında kullandığımız
komut dosyalarımıza koymak istiyoruz.
Atamaya geri dönelim ve yapmamız gereken ilk şey, daha önce yaptığımız Jay Querrey'yi doğru
bir şekilde eklemeliler.
Sonraki bölümde, tüm div'leri seçip, mor arka planı vermeliyiz.
Dolayısıyla devam edip, tırnaklar yerine dolar işareti kullanarak tüm div'leri seçeceğiz.
Tek yapmamız CSSA ile div seçmek.
Yani div Cs S nokta ve biz onları mor yapacağız.
Bu durumda renk veya arka plan mor renklidir veya kendi R'yi kullanabilirdik. G. B gölge moru.
Ve RGV ile nasıl mor yapacağımızı hatırlamıyorsanız, R oynamaya gitmeniz gerekiyor. G. daha oldu.
biraz
Kaydedebildiğimiz ilk şey bu ve yenileyerek işe yarayıp yaramadığını kontrol edebiliyoruz.
Ve dört mor arka plan elde ediyoruz.
TAMAM.
İşte bu kadar.
Tüm div'ları seçmek ve onlara mor arka plan vermek.
Burada biraz not ekleyip bunu yorumlayacağım.
Sıradaki sınıfları vurgulamaya eşit olan div'leri seçmek ve bunları 200 piksel genişlik yapmak istiyoruz.
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
seçmek tekrar dolar işareti kullanmaktır.
Ve div yerine nokta vurgulamasını kullanabilir ve daha sonra C Ss ile yapabiliriz ve bu 200 pik olacaktır.
Bu, teknik açıdan bir vurgu sınıfı olan her şeyi seçtiğini belirtmek gerekir.
Açık olmasını ve yalnızca vurgu sınıfına sahip div'leri söylemesini isterseniz bir bağlantı etiketi
ya da aynı sınıfa sahip bir paragraf olabilir, bu seçiciyi yazarız.
Ve bu, tüm div'ları vurgulama sınıfıyla birlikte söyleyen C SS'dir.
Fakat bu durumda bir fark yaratacak.
Yenileme ile 200 piksel ve bu iki divs, ikinci ve dördüncü div vurgulamak sınıf var
görebilirsiniz ve 200 piksel ile sahip olduklarını.
Tamam, birincisi, üçüncü fikriyle div seçmektir.
Ve bu Id dolar işareti ile div seçmek için turuncu bir sınır vermek ve nokta yerine bizim Thorpe'a
ihtiyacımız var.
Ve sonra SS'nin sipariş ettiği kimliğin adı ve bize bağlı.
Tek söylediğim, renk turuncu idi.
iki pikselli katı bir turuncu sınır yapalım ve kaydet ve yenileyelim ve şimdi şu portakal renginde kenarlığımız var.
Şimdi
Screencast'ta daha iyi gösterilmesi için biraz daha büyük yapacağım.
Oraya gidiyoruz.
Ve bu kelimenin kimliğine sahip üçüncü bir div civarında.
Dolayısıyla, bir bonus olan son meydan, yalnızca ilk div'ı seçmek ve yazı tipi rengini
pembe renge çevirerek ilk div'ı seçeceği şekilde bir CSSA sahte seçiciyi kullanıyor olacaktı.
Önce CSSA seçici videolarından bazılarıyla aşina olmanız gereken, soyut iki nokta üstüste ilk
çizgi çizgi türü.
Ve sonra sadece pembeleştireceğiz, SS rengi pembedir ve kaydetmek ve yenilemek ve renklerin
pembe olduğunu görebilirsiniz.
Sahip olduğumuz diğer seçenek aslında sadece Colan ilk olan ve aynı zamanda da iyi çalışan
bir yerleşik J sorgu kısayolu var.
İlginç bir nokta, ilk önce iki nokta üst üste kullanmanın aslında ilk önce biraz
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.
Yani yerli Cs değil, sadece biraz daha yavaş.
Bu yüzden ilk tip kullanacağım.
Tamam, bir sonraki videolardaki bu alıştırma için bu kadar.
Sadece SEUS'u değiştirmeden başka şeyleri manipüle etmenin diğer yolları hakkında bilgi edineceğiz