OOCSS的概念和思路

时间:2023-03-09 06:09:30
OOCSS的概念和思路

《概念》

《思路》

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

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

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

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

开始实践:

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

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

3、基础类

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

5、语义化命名