五步整理你的css文件

鉴于实在无法忍受那种写一句就换一行的css写法，有个项目中的一个css文件竟然高达6000多行，看着实在蛋疼，无实今天下定决心整理一下，在DW里可以用正则很好的进行替换，步骤如下：

一：\r => ''
二：} => }\n
二：{\s+ => {
四：;\s+ => ;
五：\/(\*([^\/])+\*)\/ => \n/$1/\n

说明：

第一步：替换掉css文件里所有的换行

第二步：在所有的“｝”后加一个换行

第三步：将所有的“｛”后面的所有空格去掉

第四步：将所有的“;”后面的所有空格去掉

第五步：将所有注释作为单独一行

文章摘自：天涯的blog

五步整理你的css文件相关推荐

CSS压缩之：正则五步替换法
DW里可以用正则很好的进行替换,步骤如下: 一:\r => '' 二:} => }\n 二:{\s+ => { 四:;\s+ => ; 五:\/(\*([^\/])+\*)\/ ...
提高CSS文件可维护性的五种方法
当完成一项前端的工作之后,许多人都会忘记该项目的结构与细节.然而代码并不是马上就能完全定型,在余下的时间里还有不断的维护工作,而这些工作也许不会是你自己完成.所以,结构优良的代码能很大程度上优化它的可 ...
步骤分解：教你五步实现css转盘抽奖小游戏
教你五步实现css转盘抽奖小游戏先看一下整体效果. 分解思路: 第一步:先画一个园这里是class="box"代码段第二步:在圆上面再画一个圆圈,加点阴影效果,有那么点立体的 ...
电脑计算机音乐删了怎么找回,电脑中误删除的音乐文件如何恢复？只需五步即可搞定！...
当我们宅在家里做家务时,或者是坐车无聊时,我们都会打开手机上的音乐软件,播放音乐听听歌曲,来让劳动或无聊的时间变得更加轻松.快乐. 而有的人喜欢用手机听歌,而有的人喜欢用电脑听歌,如果使用电脑听歌的话 ...
xmp打开方式是计算机程序,五步打开XMP文件
下载通用文件查看器(File Magic) 安装可选产品 - File Magic (Solvusoft) | EULA | Privacy Policy | Terms | Uninstall 步骤 ...
ifp计算机是学什么,五步打开IFP文件
下载通用文件查看器(File Magic) 安装可选产品 - File Magic (Solvusoft) | EULA | Privacy Policy | Terms | Uninstall 步骤 ...
python contains类似函数_五步教会你用python爬虫神器PyQuery！（内含详细步骤和代码）...
前言: 今天为大家带来的内容,是五步教会你用python爬虫神器PyQuery!(内含详细步骤和代码),在这里还是要啰嗦下,为了有更好的观赏性,大部分代码用图片的方式呈现出来!喜欢的话不忘点赞关注不迷 ...
html引用单文件组件,webpack入坑之旅（五）加载vue单文件组件_html/css_WEB-ITnose
需要什么? 在经过前面的四个练习,相信已经对于 webapck有了一定的了解,现在我们就来一个综合案例,进一步甲申年对于 webpack的理解. 首先我们应该思考要解析 .vue类型的文件,需要什么样 ...
高效率整理电脑上的文件：清理电脑文件方案需要 -- 合理的方法 + 合适的工具如Python查找重复文件
有效管理电脑文档出发点推荐一适合大众用户的省时好用懒人方法管好文件的基础一. 数据/文件的分类二. 数据/文件存放的地方三. 数据/文件名称和文件夹名称的规范和技巧查询重复文件的工具和方 ...

五步整理你的css文件

五步整理你的css文件相关推荐

最新文章

热门文章