Chrome geliştirici araçlarının öne çıkan renkleri nelerdir?

Chrome'un önceki sürümlerinde, geliştirici araçları sayfa öğelerini denetlemenizi sağladı ve bunları mavi renkle vurgulayacaktı. Chrome'un son sürümleri mavi renkli unsurları vurgular ancak aynı zamanda yeşil ve turuncu alanlara da sahiptir.

Renkler ne anlama geliyor?

Renkler, CSS kutu modeline karşılık gelen elemanların alanlarını temsil eder .

• Mavi içeriktir
• Dolgu yeşil
• Turuncu sınırdır
• Kırmızı kenar boşluğu

(Benzer turuncu ve kırmızı tonlarının seçimi muhtemelen en iyisi değildir.)

Bunu , geliştirici araçlarının Metrikler bölümünde (varsayılan olarak gizlenir) görebilirsiniz:

CSS kutu modeli parametreleri (içerik / dolgu / sınır / kenar boşluğu).

Resmi dokümanlar: Sayfaları ve Stilleri İnceleyin ve Düzenleyin: Kutu modeli parametrelerini inceleyin ve düzenleyin