使用 Styleneat 重新组织 CSS
2009-04-05 23:57
155 查看
Styleneat 是一个能够帮你重新组织你 CSS 属性的免费服务。
Styleneat 能够把 CSS 的选择器(selectors),子选择器( sub-selectors)和属性(properties)按照层式结构化重新组织,这样使得程序员更加容易去定义页面区域和查看它们之间的关系。
![](http://pic.fairyfish.com/2009/03/styleneat.jpg)
Styleneat
比如它会把下面这段 CSS 代码
重新组织成:
Styleneat 提供三种使用方式:
直接粘贴 CSS 代码。
上传一个 CSS 文件。
提供 CSS 文件的 URL 地址。
另外 Styleneat 还提供一些选项,如按照 CSS 选择的字母顺序排列,单行格式或者多行格式等。Styleneat 在 CSS 优化方面还是提供了比较多的帮助。
Styleneat 能够把 CSS 的选择器(selectors),子选择器( sub-selectors)和属性(properties)按照层式结构化重新组织,这样使得程序员更加容易去定义页面区域和查看它们之间的关系。
![](http://pic.fairyfish.com/2009/03/styleneat.jpg)
Styleneat
比如它会把下面这段 CSS 代码
id1 { width: 100px; } id1 .class1 { background: #000; } id1 .class1 a { text-decoration: none; color: #fff; } id1 .class1 a span { text-indent: 10px; } id2 { width: 200px; }
重新组织成:
id1 { width: 100px; } id1 .class1 { background: #000; } id1 .class1 a { color: #fff; text-decoration: none; } id1 .class1 a span { text-indent: 10px; } id2 { width: 200px; }
Styleneat 提供三种使用方式:
直接粘贴 CSS 代码。
上传一个 CSS 文件。
提供 CSS 文件的 URL 地址。
另外 Styleneat 还提供一些选项,如按照 CSS 选择的字母顺序排列,单行格式或者多行格式等。Styleneat 在 CSS 优化方面还是提供了比较多的帮助。
相关文章推荐
- 重新组织CSS代码的利器——Styleneat(转)
- = = 开始使用一些知识管理工具对自己的知识进行重新组织...
- Atitit jOrgChart的使用 组织架构图css html
- 将CSS按照层叠式结构化重新组织与构建
- DIV+CSS布局重新学习之使用A标签和CSS制作按钮
- 使用svn:externals来重新组织svn结构
- Atitit jOrgChart的使用 组织架构图css html
- stylus css 框架使用方法深入解析
- [CSS]层叠样式表中的四种基础选择器的使用教程
- 使用JQuery和CSS模拟超链接的用户单击事件的实现代码
- CSS 样式使用
- css基础知识之选择器使用示例
- 【使用CMake组织C++工程】2:CMake 常用命令和变量
- HTML里使用CSS 的几种方式?
- CSS使用动画——@keyframes规则和animation规则
- 2016书单总结--重构改善既有代码的设计--重新组织函数
- css中关于定位属性position为fixed的使用记载
- CSS---使用flex布局做响应式页面,flex布局中主要属性值
- 如何使用Junit编写和组织测试程序
- css中box-shadow阴影效果的使用