您的位置:首页 > Web前端 > CSS

oocss ; LESS;SASS

2015-11-02 15:41 232 查看
oocss官网:oocss.org

一些常用库:Reset CSS ; normalize.css ; Neat.css

面向对象css注意事项(写在这里)

1、不要直接定义子节点,应把共性声明放到父类

2、结构和皮肤相分离

3、容器和内容相分离

4、抽象出可重用的元素,建好组件库,在组件库内寻找可用的元素组装页面

5、往你想要扩展的对象本身增加class而不是他的父节点

6、对象应保持独立性

7、避免使用ID选择器,权重太高,无法重用

8、避免位置相关的样式

9、保证选择器相同的权重

10、类名 简短 清晰 语义化 oocss的名字并不影响HTML语义化

LESS:一种动态的样式语言,是一个css预处理器,预先处理css,基于Javascript。

学习文档:http://less.bootcss.com/

也可以在bootstrap中找,http://www.bootcss.com/

百度cdn公用库

SASS:基于ruby

官网:sass-lang.com
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: