CSS Biçimlendirici
CSS'i düzgün girintilemeyle güzelleştirin veya dosya boyutunu küçültmek için sıkıştırın. Medya sorguları, calc() ve lisans yorumları desteklenir.
İlgili araçlar
CSS Biçimlendirici nasıl kullanılır
- 01
CSS'inizi giriş kutusuna yapıştırın.
- 02
Biçimlendirmek için Güzelleştir'i veya sıkıştırmak için Küçült'ü seçin.
- 03
Girinti boyutunu seçin, ardından sonucu kopyalayın.
CSS biçimlendirici ne yapar
Bu, stil sayfalarını temiz ve tutarlı girintilerle güzelleştiren ya da dosya boyutunu küçültmek için sıkıştıran bir CSS biçimlendiricidir. Güzelleştirme için girinti boyutunu sen seçersin, en küçük çıktıyı istediğinde ise sıkıştırmaya geçersin.
Ne zaman güzelleştirmeli, ne zaman sıkıştırmalı
Okunabilir CSS'i taramak, incelemek ve ayıklamak daha kolaydır: her kural ve bildirim tutarlı biçimde girintilendiğinde seçicileri, iç içe geçmeyi ve medya sorgularının biçimini bir bakışta görürsün.
Sıkıştırma üretim içindir. Tarayıcıların ihtiyaç duymadığı boşlukları ve yorumları kaldırır, böylece dosya daha hızlı iner. Büyük bir stil sayfasında bu tasarruf birikir, özellikle sunucudaki gzip sıkıştırmasından önce.
calc() ve medya sorgularında dikkatli sıkıştırma
Sıkıştırıcı önemli yerlerde dikkatlidir. calc() içindeki artı ve eksi çevresindeki boşlukları korur, böylece calc(100% - 30px) geçerli kalır; yalnızca süslü parantez, iki nokta ve noktalı virgül gibi yapısal karakterlerin çevresindeki boşlukları temizler. İç içe medya sorgularını da doğru işler.
Lisans yorumları korunur
/*! ... */ biçiminde yazılmış lisans yorumları korunur; bu, sıradan yorumlar kaldırılsa bile telif ve lisans bildirimlerini sıkıştırılmış çıktıda tutmanın standart kuralıdır.
Tarayıcında çalışır
Hem güzelleştirme hem sıkıştırma tamamen tarayıcında çalışır, bu yüzden stil sayfaların cihazından hiç çıkmaz. Araç okunabilirlik ve boyut için biçimlendirir; CSS'inin doğru olduğunu doğrulamaz.
Sıkça sorulan sorular
Küçültme calc() ifadelerini bozar mı?
Hayır. Küçültücü, değerler içindeki artı ve eksi etrafındaki boşlukları korur, bu nedenle calc(100% - 30px) geçerli kalır. Yalnızca süslü parantez, iki nokta ve noktalı virgül gibi yapısal karakterler etrafındaki boşlukları kaldırır.
Küçültme sırasında yorumlar kaldırılır mı?
Normal yorumlar yer kazanmak için kaldırılır, ancak /*! ... */ şeklinde yazılan lisans yorumları korunur; bu, telif hakkı bildirimlerini korumak için standart kuraldır.
CSS'im bir yere yükleniyor mu?
Hayır. Hem güzelleştirme hem de küçültme tamamen tarayıcınızda çalışır, bu nedenle stil dosyalarınız asla cihazınızdan ayrılmaz.