Pulsuz CSS Gözəlləşdiricisi
Sıxılmış CSS-i ardıcıl girintilərlə səliqəyə salın və ya sıxın. Proqnozlaşdırıla bilən fərqlər üçün xassələrin istəyə bağlı əlifba sırası.
Faylı bura buraxın və ya seçmək üçün klikləyin
CSS · cihazınızda emal edilir
və ya mübadilə buferindən yapışdırmaq üçün Ctrl+V basın
Çıxış burada görünəcək…Ümumi istifadələr
- Üretim CSS SazlayınStil tapmaq və tersə mühəndislik üçün istehsal saytlarından kompakt CSS-i oxunaqlı formatda görün.
- Komanda CSS Üslubunu Tətbiq EdinKomanda tərəfindən təqdim olunan CSS-i ardıcıl bir hermoseandır vasitəsilə işlətdirin ki, diffs məzmun haqqında olsun, formatlaşdırma haqqında deyil.
- Satıcı-Prefiksi CSS FormatıSatıcı-prefiksi CSS (autoprefixer çıxışı) tez-tez bir çox -webkit-, -moz-, -ms- variantları var. Müfəttişlik üçün formatı.
- Pro CSS-dən BilinMəşhur dizayn sistemlərindən CSS-i onların kompilyasiya çıxışını formatalaşdıraraq öyrənin.
- Bug Hesabatları üçün CSS FormatıCSS buqları baxışda, formatlanmış CSS nəzərçüyə üçün oxunması və anlaşılması çox daha asandır.
Necə İşləyir
Bu alət CSS-i birbaşa səhifəyə qurulmuş əl ilə yazılmış bir rekursiv parser istifadə edərək formatlayır — üçüncü tərəf kitabxanası yoxdur, server çağırışı yoxdur. Parser CSS-inizdə simvol-simvol gəzir, sadə regex-əsaslı yanaşmaları çaşdıracaq dırnaqlanmış sətirləri, url() dəyərlərini, iç-içə at-qaydaları və şərhləri düzgün idarə edir.
- 1Simvol-səviyyəli nişanlanmawalkCss funksiyası xam girişi bir dəfəyə bir simvol skan edir, dırnaq vəziyyətini və mötərizə dərinliyini izləyərək url(), sətir dəyərləri, ya da şərhlər daxilindəki nöqtəli vergüllər və ya mötərizələrin heç vaxt struktur ayırıcıları ilə səhv salınmamasını təmin edir.
- 2Blok və bəyanat ayrılmasıSkaner üst-səviyyəli bir açılış mötərizəsi tapdıqda, prelüdü (seçici və ya at-qaydası açar sözünü) çıxarır və blok gövdəsini rekursiv olaraq işləyir — bu, özü də daha dərin bir rekursiya dərinliyində idarə edilən iç-içə qaydalar (@media, @supports, doğma CSS iç-içələşməsi) ehtiva edə bilər.
- 3Xüsusiyyət sıralaması və girintiHər blok daxilindəki bəyanatlar bir ardıcıllıqda toplanır, sonra seçilmiş girinti eniylə (2 və ya 4 boşluq) yazılmadan əvvəl isteğe bağlı olaraq xüsusiyyət adına görə əlifba sırasına düzülür. Kiçildilmə rejimi boşluğu tamamilə atlayır və şərhləri çıxarır.
- 4Ani brauzerdaxili çıxışNəticələr yazdıqca bir useMemo hooku vasitəsilə görünür — heç nə heç yerə göndərilmir. Formatlanmış və ya kiçildilmiş CSS mübadilə buferinə kopyalana və ya .css faylı kimi endirilə bilər, panel isə orijinala görə ölçü fərqini göstərir.
Əlaqəli Alətlər
HTML Gözəlləşdiricisi və Minifikatoru
HTML-i düzgün yuvalama girintisi ilə gözəl çap edin və ya minifikasiya edin. <pre>, <script>, <style> blokları daxilindəki məzmunu qoruyur.
SQL Formatlayıcı və Gözəlləşdiricisi
SQL sorğularını düzgün girintilə, konfiqurasiya edilə bilən açar söz hərfləri və əsas bəndlər üzrə sətir kəsmələri ilə gözəl çap edin. İstənilən SQL dialekti ilə işləyir.
CSS Minifikator və Gözəlləşdiricisi
Fayl ölçüsünü azaltmaq üçün CSS-i minifikasiya edin və ya oxunuş üçün minifikasiya edilmiş CSS-i gözəlləşdirin. Ani, brauzerinizdə.