第一步，我们需要安装Firefox30,不能高于30;
http://ftp.mozilla.org/pub/firefox/releases/30.0b9/win32/zh-CN/Firefox Setup 30.0b9.exe
安装浏览器后关闭自动升级：
打开Firefox浏览器--打开菜单(右上角三条横杆)--选项--更新--不检查更新 另外可以将反馈选项中的都取消
第二步，安装前端开发人员最普及的开发工具 Firebug-2.0.16 (下载包中有)
安装方法: 打开Firefox浏览器--打开菜单(右上角三条横杆)--附加组件--扩展--点击右上角有个雪花一样的设置按钮--从文件安装附加组件--选择firebug-2.0.16-fx.xpi安装就可以
第三步，安装CSS Usage 0.2.9（下载包中有）
第四步，在Firefox浏览器中打开我们要优化的页面（本地的页面也可以），点击右上角的firebug(有个小蜜蜂图标)，打开firebug工具窗口，我们会看到在工具选项中我们有一个 CSS Usage工具的按钮。
首先我们来分析最上面的三个功能按钮的使用
Scan: 通过字面意思我们就能知道,这是一个扫描当前页面的工具,如果我们的站点只有一个页面或者几个页面,我们可以通过使用此功能按键来查看页面的css实用情况.
Clear: 清除扫描结果,当我们查看完网页,并对CSS 进行了修改后,我们就不需要以前的扫描结果了,那么我们就可以使用Clear功能键,清除以前的扫描结果缓存,重新开始其他的扫描.
AutoScan: 我们的网站可能会有很多的页面,更有可能有很多的弹出层,如果我们每次都点击扫描的话,会占用我们大量的时间,AutoScan功能键可以使我们的扫描工作更自动化,提高我们的工作效率.
简单来说：
Scan: 扫描当前页面的CSS使用情况。
Clear:清除扫描结果。
AutoScan:自动扫描每个打开的页面。
我们可以使用AutoScan的叠加结果
然后CSS文件名称后面有个export cleaned css
点击后可导出扫描的结果，结果就是干净的CSS文件。
我们能看到这一句Line CSS Selector Seen, Seen before, Unseen, :hover,告诉我们” 列出CSS选择器的状态:
绿色–表示当前扫描看到的,=保留
深绿色–的以前的扫描中看到的,=保留
红色–的表示在当前和以前扫描中均未发现的.=这部分可以清除
灰色–的代表伪类的选择器CSS,这部分将会被忽视.
如果我们仅仅是给CSS减肥的话,那我们就可以对红色的选择器开始动手了
注意，说了这么久，大家一定知道了CSS Usage是一个扫描冗余CSS样式的工具，可以清理多余的CSS样式，
但是，你一定要扫描足够多的网页，尽可能地找到最多的样式。
同时,CSS Usage还提供给我们关于CSS某个选择器被实用多少次的统计,就是CCS文件后面的(1 scans)
如果我们一直使用 Auto Scan功能的话,我们的Scan次数也是在累积的,比如我们从首页到博文目录、再到图片、最后到达关于我，每一次页面跳转，CSS Usage 都会自动增加页面的扫描次数
2021-04-22 16:38:44
2.4MB
1
不会html层叠样式表的可以下载学习，可以运行，用div+css实现的居中对齐，里面包括行内样式、内部样式、外部样式等知识
2021-02-04 09:05:13
1.44MB
1
蚂蚁设计主题编辑器
Boilerplate将组件渲染到，因此您可以轻松地编辑主题
前提条件
安装所需的系统依赖项
克隆存储库
git clone https://github.com/minheq/antd-theme-editor.git
安装项目的程序包依赖项
yarn
...您就准备好了！
用法
运行命令
yarn storybook
访问localhost:6006以查看故事书
定制主题
编辑antd默认变量
可以使用src/antd-theme-override.less来编辑antd默认变量
编辑CSS Antd类
您还可以编辑css文件src/style-override.css以覆盖/编辑antd类的样式
出口
完成变量和样式的编辑后，通过此命令导出
yarn export
导出的文件将在dist目录中找到，并在您的项目中复制和使用
更新故事
故事已基于antd存储库创建。 您还可以通过git子模块导入antd组件并运行脚本来创建或更新故事来更新它们。
git submodule update --init --recursive // Adds antd subm
2021-02-03 14:05:21
319KB
1