CSS Biçimlendirici
Bu CSS Biçimlendirici ile küçültülmüş veya dağınık stil sayfalarını biçimlendirin. CSS yapıştırın; araç bunu ayrıştırır ve ardından her kuralı seçicisi tek satırda, her bildirimi iki boşluk girintili ayrı bir satırda olacak şekilde yazdırır. Ayrıca iki nokta üst üste işaretlerinden sonra boşluk ekler, birleştiricileri aralıklı gösterir ve medya sorguları gibi iç içe at-kurallarını biçimlendirir. Ayrıştırma hataları bildirilir. Herhangi bir kaynaktan gelen stil sayfalarını okuyan, hata ayıklayan veya inceleyen web geliştiricileri ve tasarımcıları için idealdir.
Sık sorulan sorular
CSS Biçimlendirici nasıl çalışır?
Stil sayfanızı kurallara, bildirimlere ve at-kurallarına ayrıştırır, ardından bunları tutarlı bir düzende yeniden yazdırır. CSS ayrıştırıldığı için çıktı, stil sayfasının gerçek yapısını yansıtır.
Biçimlendirilmiş CSS nasıl görünür?
Her kural seçicisi ve açılış küme paranteziyle başlar; her bildirim iki boşluk girintili olarak kendi satırına yazılır ve iki nokta üst üste işaretinden sonra boşluk bırakılır. Kapanış küme parantezi de kendi satırında yer alır. Seçici listeleri virgül ve boşlukla birleştirilir; > ve ~ gibi birleştiricilerin çevresine boşluk eklenir.
Medya sorguları ve diğer at-kuralları destekleniyor mu?
Evet, @media, @supports ve benzeri blokların içindeki kurallar iç içe yerleştirilip girintilenir. @import gibi ifadeler tek satırda tutulur; url() değerleri tırnak içinde yazılır.
Geçersiz CSS olduğunda ne olur?
Ayrıştırıcı stil sayfasını okuyamadığında, örneğin bir küme parantezi eksik olduğunda, araç durur ve ayrıştırıcı mesajını satır numarasıyla birlikte gösterir. Bildirilen noktayı düzeltip yeniden biçimlendirin.
Yorumlar korunuyor mu?
Evet, hem kurallar arasındaki hem de bildirimler arasındaki yorumlar korunur. Her yorum, çevresindeki kodla aynı girinti düzeyinde kendi satırına yerleştirilir.
Özel özellikler destekleniyor mu?
Evet, --brand-color gibi özel özellikler diğer bildirimlerle aynı şekilde biçimlendirilir. var(--brand-color) gibi başvurular yazıldığı gibi korunur.
Burada SCSS veya Less biçimlendirebilir miyim?
Hayır, bu sayfa düz CSS bekler; ön işlemcilerden gelen iç içe kurallar veya değişkenler reddedilebilir. Bu dosyalar için SCSS Biçimlendirici'yi veya Less Biçimlendirici'yi kullanın.
Girintiyi veya küme parantezi stilini değiştirebilir miyim?
Hayır, biçimlendiricinin seçeneği yoktur ve açılış küme parantezi seçici satırında olacak şekilde her zaman iki boşluk kullanır. Böylece her stil sayfasında sonuçlar tutarlı kalır.
Sonuç neden css kod çiti içinde gösteriliyor?
Çıktı, css olarak işaretlenmiş bir Markdown kod bloğu şeklinde döndürülür; böylece Markdown içinde söz dizimi vurgulamasıyla görüntülenir. .css dosyanız için çitlerin arasındaki satırları kopyalayın.
Stil sayfam en fazla ne kadar büyük olabilir?
Her çalıştırmada en fazla 5 MB; daha büyük girdiler bir mesajla reddedilir. Çıktı, Code Formatter'daki CSS seçeneğiyle aynıdır.