CSS'yi bir öğeye uyguladığınız halde hiç çalışmayan oldu mu?
Chrome Geliştirici Araçları ile CSS sorunlarını bir bakışta keşfedebilir, hata ayıklayabilir ve test edebilirsiniz.
Öğeler > Stiller bölmesinin çeşitli CSS sorunlarını nasıl vurguladığını öğrenmek için videoyu izleyin:
Geçersiz söz dizimine sahip özellikGeçersiz kılınan mülkEtkin olmayan mülk
Şu kuruluş biriminden devralındı:
parent
- Devralınan mülk
- Devralınmamış mülk
Genişletilebilir kısayol özelliği
-
Geçersiz kılınan uzun el mülkü - Etkin uzun el mülkü
-
kullanıcı aracısı stil sayfası
- Düzenlenemez mülk
Geçersiz kılınan düzenlenemeyen mülk
Hata ayıklamayla ilgili daha fazla ipucu:
- İlginizi çeken tek bir özelliğe odaklanmak için Stiller bölmesindeki filtreyi kullanın.
- Tüm Cascade kazananlarını ve hesaplanan değerlerini görmek için Hesaplanan bölmesini kullanın.
- Hesaplanan bölmesinde bir özelliği genişletin ve Stiller bölmesinde kaynağını bulmak için bir bağlantıyı tıklayın.
Geliştirici Araçları'nın CSS sorunlarını vurguladığı tüm yollar hakkında daha fazla bilgi edinmek için Geçersiz, geçersiz kılınmış, etkin olmayan ve diğer CSS'leri bulma başlıklı makaleyi inceleyin.
CSS uzmanlığınızı artırmak için CSS hakkında bilgi edinme başlıklı makaleyi inceleyin.
Herkese iyi görünen ve iyi çalışan web siteleri oluşturmayı öğrenmek için Duyarlı Tasarım Öğrenin başlıklı makaleyi inceleyin.