欢迎光临
我们一直在努力

CSS在线实现单行压缩功能

做前端开发时,在不使用前端自动化时,我们为了网页响应速度,同时又为了我们能方便修改,有时需要将每个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

赞(0)
版权归原作者所有,如有侵权请告知。达维营-前端网 » CSS在线实现单行压缩功能

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址