码迷,mamicode.com
首页 > Web开发 > 详细

OOCSS的概念和思路

时间:2016-01-22 18:08:57      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:

《概念》

 

《思路》

面向对象的CSS有两个原则:

  1.  独立的结构和样式
  2.  独立的容器和内容

 

以下几点是创建OOCSS的关键部分:

  1.  创建一个组件库
  2.  独立的容器和内容,并且避免样式来依赖位置
  3.  独立的结构和样式
  4.  使用类名为扩展基本对象
  5.  坚持以语义类来命名类名

 

开始实践:

1、创建一个组件库创建基础的结构(HTML)和创建基础的类名。)

2、独立的容器和内容,并且避免样式来依赖位置

3、基础类

4、通过对基础对象扩展类名,从而达到基础对象的可重用性

5、语义化命名

 

OOCSS的概念和思路

标签:

原文地址:http://www.cnblogs.com/woodk/p/5151734.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!