Geliştirici Araçları İpuçları: CSS ızgarasını denetleme

Sofia Emelianova

Chrome Geliştirici Araçları, çeşitli görselleştirme seçenekleriyle CSS ızgara düzenlerinde hata ayıklamayı sezgisel hale getirir.

Öğeler panelinde ızgara yer paylaşımını nasıl açacağınızı ve aşağıdakiler için nasıl kullanacağınızı öğrenmek üzere videoyu izleyin:

• Izgara düzenlerini görselleştirme ve inceleme
• Izgara öğelerini yerleştirirken referans olarak kullanabileceğiniz satır ve sütun numaralarına bakın.
• Çok sayıda ızgara öğeniz varsa ve sayılar kafanızı karıştırıyorsa satır ve alan adlarını kullanın ve bunları yer paylaşımında görün.
• Parça boyutlarını kontrol edin.

Ayrıca, Öğeler > Stiller bölmesinde bulunan Gri Düzenleyici ile CSS kuralları yazmak yerine öğeleri ve içeriklerini bir düğme tıklamasıyla ızgara düzeninde hizalayabilirsiniz.

Daha uygulamalı bir öğrenme deneyimi için CSS ızgarasına göz atma eğitimini inceleyin.