Pekâlâ, burada başka bir alıştırmanın vakti geldi.
Dolayısıyla bu alıştırma, konuştuğumuz her şeyi SS seçiciler kadar kapsayacak.
Dolayısıyla, gelecekte gelecek herhangi bir tam uyumlu Web sitesini yapmayacağız.
Bir sonraki alıştırmada küçük bir blog yapacağız.
Bu, bir sürü problemi olan çok kısa problemlerle geleneksel bir egzersindir.
Temelde sana bir grup HMO veriyorum, buna benziyor.
Gerçekten hiçbir şey ifade etmiyor.
Aslında buradaki tüm metin, hipster ipsum adlı bir Web sitesinden geliyor.
Bu, aynı zamanda masaüstü ve locavore ve Portland ve Williamsburg çiftlik gibi hipster kelime
kullanan bir yurt ipsum gibi.
Bu sadece bir sürü kelime.
Demek istediğim, burada ne var önemli değil Bu dosya ne olsa bu dosya.
Size verdiğim CSSA dosyası ve boş.
Bir sürü yorumun yanı sıra, bu yorumlar size ne yapmanız gerektiğine ilişkin talimatlar verir.
Dolayısıyla yukarıdaki en önemli çizgi stilidir. Yaş HTML öğeleri aşağıdaki talimatlara göre
mevcut HVM'yi doğru yapmak için değiştirmez.
Sadece CSI s.
Dolayısıyla bu dosya bu dosyaya dokunmaz.
Burası sizin için başlangıç ​​kodu gibi.
Bu HVM.
C SS'de her şeyi yapacaksın. Buraya gidip yeni fikirler katamazsın, yeni sınıflar ekleyebilir veya yeni
elemanlar ekleyemezsin.
Tam olarak nasıl olduğunu saklayın.
Yani orada çalıştığı yol farklı sorunlar.
İlki, gövde elemanına bu rengin arka planını verir.
Sadece kodu gövdesine yazıp sonra böyle bir renk verelim.
O halde sana ücretsiz olarak vereceğim.
Eminim çoğunuz bunu yapabilirdi.
Aynı şey hepsi için de geçerlidir, bu nedenle bütün hanımları, bir şey yapmak için tüm müttefik öğeleri bir
not yapsın.
Bunlardan bazıları, biz aslında henüz kapsamadığımız ve kasıtlı bir mülk kullanmanızı isteyecektir.
açıkça bahsetmediğimiz bazı mülkler için biraz deneyim kazanmanı istiyorum.
Yalnızca videolarda
Bu durumda bu bir tane.
Div'lerin içine yerleştirilmiş tüm paragrafları 25 pikselden eğlenceli hale getirin ve sonra parantez içinde
size gereken yazı tipini 25 x olan kodunu veriyorum.
Yani bir kaç tane daha var.
İşte bir tane ve burada kontrol edilmiş tüm onay kutularının sol kenar boşluğu 50 piksel olacak şekilde bir tane daha var,
bu nedenle 50 piksel sol kenar boşluğunu kullanmanız gerekiyor ve önümüzdeki birkaç videoda tam olarak
ne yaptığını bilmediğinizden emin değiliz.
Burada başka bir not daha var.
Bunlar gittikçe biraz zorlaşıyor.
Sonuç olarak, yalnızca bir öğe seçici ile başlarlar ve ardından sınıflar ve fikirler hakkında konuşuruz ve ardından
son videoda bahsettiğimiz diğer seçicilerden bazıları hakkında konuşmaya başlarız.
Bu nedenle, div'lerin içine iç içe geçmiş tüm paragrafların yalnızca metin girdileri ile girdiler olmasını sağlayın.
Arka planda harika bir geçmişe sahip olun ve sonra üçüncü div 5 piksel beyaz kenarlık içine ikinci paragrafı vermek
gibi şeyler yapın.
haber şu ki burada kullanmanız gereken seçicilerin hepsi 30'lu CSSA seçicilerinde bulunabiliyor.
İyi
Makaleyi ezberlemelisiniz, on line kolayca bulabiliyor ve çoğunu kapattık.
Ancak, son videoda yer almadığımız birkaç konu var ve bunlar bonus
zorluklar bölümündedir.
Dolayısıyla, kontrol edilmiş tüm onay kutularının sol kenar boşluğuna sahip olması gibi şeyleri içerir, böylece işaretli
onay kutularını seçmenin bir yolu vardır.
Veya başka bir tane var.
Özel yeşil ve 100 piksel yazı tipi boyutuyla öğenin ilk harfini yapın.
Dolayısıyla sadece ilk harfi seçmenin bir yolu var.
Üzerine geldiğinde H-1 öğelerinin rengini mavi yapın ve gri olarak ziyaret edilen bir
etiket öğesi oluşturun.
Dolayısıyla bir etiketin bir bağlantı olduğunu ve muhtemelen bunu daha önce gördüğünüz olduğunu unutmayın.
Değiştirebilir veya siteler, daha önce ziyaret etmediğiniz bir bağlantıya kıyasla, bulunduğunuz
bir bağlantı rengini değiştirecektir.
Bu yüzden, değerlendirmeyi göreceğiniz bir yazı var.
Her zaman olduğu gibi bir sonraki videoda bir çözüm üzerinde duracağız.
Her sefer biraz gidebilir miyiz, ancak bu bonusların tümünü deneyebildiğiniz kadarıyla bir atış yapmanızı öneririm.
Burada bahsetmediğim bir şey biraz farklı.
Etiket elemanlarının hepsini büyük harf html'sini değiştirmeden yapın, böylece seçici aslında
basittir, sadece tüm etiket öğelerini seçiyoruz, ancak mülk biraz zorlayıcıdır.
HTML'de metni gerçekten değiştirmeden hepsini büyük harf yapmak için C Ss'i kullanmanın bir yolu
vardır.
Sanki rengi veya kenarlığı değiştireceğiniz gibi Cs ile yapabilirsiniz.
Büyük harfli veya küçük harfli bir özelliği değiştirebilirsiniz.
Pekâlâ, bir sonraki video'da görüyorsun