lobsite! Giriş yap Kaydol

Ücretsiz araçlar /

CSS Biçimlendirici

Küçültülmüş veya dağınık CSS'i yapıştırın; blok başına bir kural, satır başına bir özellik, istediğiniz girintiyle alın. Ücretsiz, tarayıcınızda.

CSS küçültücü →
Biçimlendirilmiş

Nasıl kullanılır

  1. CSS'inizi yapıştırın, bir .css dosyası açın ya da örnekle başlayın: küçültülmüş bir stil sayfası.
  2. 2 boşluk, 4 boşluk veya sekme seçin. Biçimlendirilmiş CSS siz yazarken görünür.
  3. Kopyalayın ya da styles.css olarak indirin.

Ne yapar

Her kural kendi bloğunu, her bildirim kendi satırını alır; @media ve diğer at-kurallarının içindeki kurallar bir düzey daha içeri girintilenir. Seçiciler, değerler ve yorumlar olduğu gibi kalır; böylece stil sayfası tam olarak aynı anlama gelir.

Ne zaman işe yarar

  • Bir temadan, bir framework'ten ya da incelediğiniz bir siteden gelen küçültülmüş bir stil sayfasını okurken.
  • Düzenlemeden önce CSS'i toparlamak için; böylece bir değişiklik çok uzun tek bir satıra değil, tek bir satıra dokunur.
  • İki stil sayfasını karşılaştırırken: ikisini de biçimlendirin, sonra diff alın.

Sık sorulan sorular

Geçersiz CSS'i düzeltir mi?

Hayır. Var olanı girintiler; eksik bir süslü parantez eksik kalır. Tarayıcılar okuyamadıkları bildirimleri atlar; bu yüzden fazladan bir karakter genellikle stil sayfasının tamamını değil, tek bir kuralı bozar.

Özellikleri sıralar mı?

Hayır. CSS'te sıra önemli olabilir (sonraki bildirim kazanır), bu yüzden yazıldığı gibi korunur.

Sonra yeniden küçültebilir miyim?

Evet: CSS Küçültücü onu yeniden tek ve sıkı bir satıra dönüştürür.

CSS'im bir yere yükleniyor mu?

Hayır. Biçimlendirme tarayıcınızda çalışır.