🗜️

Хурдкунанда ва зеборкунандаи CSS-и ройгон

CSS-ро барои коҳиши андозаи файл хурд кунед ё CSS-и хурдшударо барои хонданбоб зебо кунед. Фаврӣ, дар браузери шумо.

Дар браузери шумо кор мекунадБе бақайдгирӣ, бе равзанаҳои пайдошавандаВоридшавӣ лозим нестҲамеша ройгон

Ҳамин ки бор шуд офлайн кор мекунад

ё файли .css-ро дар поён гузоред

Файли .css-ро дар ин ҷо гузоред ё барои интихоб клик кунед

CSS · Маҳдудияти андозаи файл нест

ё барои гузоштан аз ҳофиза Ctrl+V-ро пахш кунед

Файлҳоро паймоиш кунед

CSS-и вурудӣ

CSS-и баромадӣ

Баромад дар ин ҷо пайдо мешавад…

Чӣ тавр он кор мекунад

Ин абзор нишонагузори CSS-и дастнависи бидуни вобастагиро истифода мебарад, ки пурра дар JavaScript сохта шудааст — на китобхонаи берунӣ, на дархости сервер. Нишонагузор ҳар аломатро пеш аз татбиқи ягон табдил ҳамчун рамз, шарҳ, сатри нохунакдор ё қиммати url() таснифбандӣ мекунад, ки аз вайрон кардани мундариҷаи сатр, URI-и маълумот ё ифодаҳои calc() тавассути қоидаҳои фосила пешгирӣ мекунад.

1
Марҳилаи нишонагузорӣ
CSS-и вурудӣ аломат ба аломат скен карда, ба нишонаҳои рамзшуда тақсим мешавад: порчаҳои хоми рамз, шарҳҳои /* ... */, сатрҳои нохунакдор (пайдарпайии гурезгоҳро нигоҳ медорад) ва блокҳои url(...). Ин таъмин мекунад, ки табдилҳо дар қадами навбатӣ танҳо синтаксиси воқеии CSS-ро дахл мекунанд — ҳаргиз мундариҷаи сатри литералӣ ё URI-и маълумотро.
2
Фишурдасозӣ ё зебосозӣ
Дар ҳолати minify, шарҳҳои муқаррарӣ партофта мешаванд (шарҳҳои /*! лицензия */ нигоҳ дошта мешаванд), силсилаи фосилаи сафед дар нишонаҳои рамз ба як фосила фишурда мешаванд, ва фосилаи сафеди наздик-ба-аломатнависӣ атрофи { } : ; , > ~ бартараф карда мешавад. Фосилаҳо атрофи + ва - қасдан бетағйир гузошта мешаванд, то ифодаҳои calc()-ро вайрон накунанд. Дар ҳолати зебосозӣ, рамз аввал ба асоси тоза фишурда мешавад, сипас аз нав нишонагузорӣ ва бо пайгирии умқи ду-фосилагӣ ва муайянкунии нуқтавергули эъломия аз нав хатбандӣ карда мешавад, то property: value-ро аз нуқтавергулҳои интихобгар ба монанди a:hover фарқ кунад.
3
Тахмини андозаи gzip
Пас аз тавлиди натиҷа, API-и дарунсохти CompressionStream-и браузер истифода мешавад, то натиҷаро бо gzip фишурда, шумораи байти натиҷашударо чен кунад. Ин тахмини воқеии андозаи интиқолро медиҳад, ки мутобиқи он чи сервери веб бо фишурдасозии gzip тавассути шабака мефиристад.
4
Нусхабардорӣ ё боргирӣ
CSS-и коркардшуда ба ҳофиза тавассути API-и Clipboard навишта мешавад, ё ҳамчун styles.min.css (ҳолати minify) ё styles.css (ҳолати beautify) бо истифодаи Blob бо навъи MIME text/css боргирӣ карда мешавад. Фоизи кам шудани андоза ҳангоми навиштан зинда нишон дода мешавад.