OOCSS的概念和思路

OOCSS的概念和思路

《概念》

 

《思路》

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

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

 

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

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

 

开始实践:

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

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

3、基础类

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

5、语义化命名

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/109162.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • BPC 新建流程模板「建议收藏」

    BPC 新建流程模板「建议收藏」1、找到流程模板页签2、新建选择模型,维度和流程所有者3、新增新的活动

    2025年7月30日
    1
  • vue报错cannot read property_vue3 ref 数组

    vue报错cannot read property_vue3 ref 数组当函数执行到this.agents.splice()时,我设置了断点。发现传参index是0,但是页面上的列表项对应的第一行数据没有被删除,WTF!!!这是什么鬼!然后我打开VueDevtools,然后刷新了一下,发现那个数组的第一项还是存在的removeOneAgentByIndex:function(index){this.agents.splice(index,1)…

    2022年9月15日
    0
  • Windows下如何打开CSV文件

    Windows下如何打开CSV文件Windows下如何打开CSV文件CSV文件,即逗号分隔符文件,是一种存储文本数据的常用文件形式。使用MicrosoftExcel打开微软的Excel是我们常用的办公软件之一,它可以用来打开CSV文件。如下图所示:可以看到,用Excel打开的CSV文件,有较好的视觉体验,内容分明,但其隐藏了文本中的逗号。使用Notepad++打开Notepad++是一种非常好用的文本编辑器,它也可以…

    2022年7月21日
    9
  • makefile 编译参数_gcc使用说明

    makefile 编译参数_gcc使用说明gcc编译源文件共有4个过程,预处理、编译、汇编、链接。预处理:命令:gcc-Etest.c-otest.i(-o后面指定生成文件的命名)过程:展开宏定义(#define),处理编译条件指令(#if#ifndef等),插入引用的头文件(#include),删除注释,添加行号和文件标识。结果:生成.i文件,一般的文本编辑器都能打开编译:命令:gcc-Ste…

    2022年10月13日
    0
  • lunix安装_linux系统下载

    lunix安装_linux系统下载https://www.cnblogs.com/wcwen1990/p/7630545.html转载于:https://www.cnblogs.com/lkd3063601/p/9342798.html

    2022年9月25日
    0
  • css-day05笔记-清除浮动&学成网布局准备工作

    css-day05笔记-清除浮动&学成网布局准备工作typora-copy-images-to:media第01阶段.WEB基础:css-day05笔记-清除浮动&学成网布局准备工作一.清除浮动1.为什么要清除浮动因为父级盒子很多情况下,不方便给高度,但是子盒子浮动就不占有位置,最后父级盒子高度为0,就影响了后面的标准流盒子。总结:由于浮动元素不再占用原文档流的位置,所以它会对后面的元素排版产生影响准确地说…

    2022年5月28日
    32

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号