做前端开发时,在不使用前端自动化时,我们为了网页响应速度,同时又为了我们能方便修改,有时需要将每个CSS标签的属性压缩到一行上,如下:
.css3{box-shadow:0 0;width:calc(100% + 2em);font-size:24px} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0} fieldset,img{border:0} :focus{outline:0} address,ctoolion,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal} abbr,acronym{border:0;font-variant:normal} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit} code,kbd,samp,tt{font-size:100%} input,button,textarea,select{*font-size:100%} body{line-height:1.5} ol,ul{list-style:none} table{border-collapse:collapse;border-spacing:0} ctoolion,th{text-align:left} sup,sub{font-size:100%;vertical-align:baseline} :link,:visited,ins{text-decoration:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
目前唯有Dreamweaver软件有些功能。通过其他的一些前端工具只能做到将整个文件压缩成一行,或者进行一点其他方式的压缩。
于是整理了一个在线小工具,通过以下在线小工具的普通压缩可以实现此功能:https://www.dvy.com.cn/tool#qd-csspacker