CSS гоёлолч — үнэгүй
Шахсан CSS-ийг тогтмол догол мөрөөр цэгцлэх эсвэл шахах. Өөрчлөлтийг хялбар харьцуулахын тулд шинж чанаруудыг цагаан толгойн дарааллаар эрэмбэлэх сонголттой.
Файлаа энд чирж оруулах эсвэл дарж сонгоно уу
CSS · таны төхөөрөмж дээр боловсруулагдсан
эсвэл клипбордоос буулгахын тулд Ctrl+V дарна уу
Гаралт энд гарна...Түгээмэл хэрэглээ
- Үйлдэл CSS алдаа олохҮйлдлийн сайтаас багасгасан CSS-ыг унших боломжтой эсвэл эргүүлэн инженер стиль олохыг унших боломжтой.
- Баг CSS стиль дарааллыг сулруулахБаг сугалаа CSS-ыг дараалалын сайхан болгоход сувчих — ялгаа контент, форматлал биш
- Хөргүүлэлч-урд CSS форматлахХөргүүлэлч-урд CSS (autoprefixer гаралт) маш олон -webkit-, -moz-, -ms- хувилбаартай байдаг. Сохлопуу байгаа эсэхийг шалгаахийн үүднээс форматлаарай.
- Pro CSS-с сурСайн мэдэгдэх дизайн систем CSS-ыг компилж гарсанаар нь форматлахаар суруу.
- CSS алдааны тайланд форматлахCSS алдааг илгээхдээ форматлалт CSS нь сооруулагч уриалдагчдэд уриалдаж, ойлгоход маш хялбар байдаг.
Хэрхэн ажилладаг
Энэ хэрэгсэл CSS-г хуудсанд шууд суулгасан гараар бичсэн рекурсив задлагч ашиглан форматладаг — гуравдагч талын номын сан, серверийн дуудлага хамааралгүй. Задлагч таны CSS-г тэмдэгт бүрээр гүйж, энгийн regex-суурьтай аргыг будлиулах quoted strings, url() утга, nested at-rules, тайлбарыг зөв боловсруулдаг.
- 1Тэмдэгт-түвшний tokenizationwalkCss функц түүхий оролтыг нэг удаад нэг тэмдэгт скандаж, url(), мөрийн утга эсвэл тайлбар дотор байгаа таслал, хаалт бүтцийн тусгаарлагч гэж буруу тооцогдохоос сэргийлж quote state, хаалтны гүнийг хянадаг.
- 2Блок, тодорхойлолтын тусгаарлалтСкэннер дээд-түвшний нээх хаалт олоход prelude-ийг (сонгогч эсвэл at-rule түлхүүр үг) гаргаж, block body-г рекурсив боловсруулдаг — энэ нь өөрөө илүү гүн рекурсын гүнд боловсруулагддаг үүрлэсэн дүрэм (@media, @supports, уугуул CSS үүрлэлт) агуулж болно.
- 3Шинж чанарын эрэмбэлэлт, зайлуулгаБлок бүр доторх тодорхойлолтууд нэг гүйлт болж цуглуулагдаж, дараа нь сонгосон зайны өргөнөөр (2 эсвэл 4 хоосон зай) бичихээсээ өмнө сонголтоор шинж чанарын нэрээр цагаан толгойн дарааллаар эрэмбэлэгддэг. Minify горим хоосон зайг огт алгасаж, тайлбарыг арилгадаг.
- 4Шууд хөтчийн дотоод гаралтҮр дүн useMemo hook-оор бичих тутамд гарч ирдэг — юу ч хаана ч илгээгддэггүй. Форматлагдсан эсвэл minified CSS-г clipboard руу хуулах эсвэл .css файл болгон татаж болно, самбар эх хувьтай харьцуулсан хэмжээний зөрүүг харуулдаг.
Холбоотой хэрэгслүүд
HTML гоёлолч ба жижигрүүлэгч
HTML-г зохих үүр оруулалтын догол бүхий хэлбэрт оруулах эсвэл жижигрүүлэх. <pre>, <script>, <style> блок дахь агуулгыг хадгалдаг.
SQL засварлагч ба гоёлолч
SQL асуулгуудыг зохих догол, тохируулж болох түлхүүр үгийн жишиг болон гол хэсгүүдэд мөр таслалтаар хэлбэрт оруулах. Ямар ч SQL аялгуутай ажилладаг.
CSS багасгагч ба засварлагч
Файлын хэмжээг багасгахын тулд CSS-г жижигрүүлэх эсвэл уншихад хялбар болгохын тулд жижигрүүлсэн CSS-г засварлах. Агшин зуур, хөтчид.