Geliştirici Araçları İpuçları: CSS sorunlarını keşfetme

Sofia Emelianova
Sofia Emelianova

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:

  • Uyarı. Geçersiz söz dizimine sahip özellik

  • Onay kutusu. Geçersiz kılınan mülk

  • Onay kutusu. Etkin olmayan mülk Bilgi.İpucuyla.

  • Şu kuruluş biriminden devralındı: parent

    • Onay kutusu. Devralınan mülk
    • Onay kutusu. Devralınmamış mülk
  • Onay kutusu. Genişletilebilir kısayol özelliği Genişlet.

    • Onay kutusu. Geçersiz kılınan uzun el mülkü
    • Onay kutusu. 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.