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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 前端开发技术(vscode怎么下载)

    前言   在前端开发中,有一个非常好用的工具,VisualStudioCode,简称VScode。   都不用我安利VScode,大家就会乖乖的去用,无数个大言不惭的攻城狮,都被VScode比德芙还丝滑的强大功能所折服。   我是来给大家安利插件的,想做个比较全面的插件集合给大家。网上的我也看过一些,但是都比较零散,时间也久了一些,我结合最近的情况,总结一下,造福大家,才是我…

    2022年4月10日
    55
  • cuda包卸载_之前安装过cuda卸载不彻底

    cuda包卸载_之前安装过cuda卸载不彻底不小心把/usr/local/cuda删除了,卸载cuda后安装cuda后/usr/local下没有cuda文件夹.运行:sudoapt-getautoremove–purgecuda

    2022年8月6日
    4
  • fpga编程语言VHDL_quartus模块

    fpga编程语言VHDL_quartus模块(72)FPGA模块调用(VHDL调用Verilog)1.1目录1)目录2)FPGA简介3)VerilogHDL简介4)FPGA模块调用(VHDL调用Verilog)5)结语1.2FPGA简介FPGA(FieldProgrammableGateArray)是在PAL、GAL等可编程器件的基础上进一步发展的产物。它是作为专用集成电路(ASIC)领域中的一种半定制电路而出现的,既解决了定制电路的不足,又克服了原有可编程器件门电路数有限的缺点。FPGA设计不是简单的

    2022年9月14日
    2
  • getdate()方法_formatdatetime函数

    getdate()方法_formatdatetime函数今天看博客看到了一个关于字符串处理的方法,突然就想到可以用来格式化数据,相比之前我是用判断然后用字符串拼接的方法,比较繁琐,感觉这样做会更加好些。1.str0.padStart(length,str1),将指定字符串str1按照长度填充到字符串str0的头部2.关于月份month和日day为个位数的处理如下:varnowTime=newDate()varnowMonth=String(nowTime.getMonth()+1).padStart(2,’0′)…

    2025年9月1日
    3
  • 学习Java编程入门书籍

    学习Java编程入门书籍分享几本java编程入门书籍,文章转自知乎路人甲《HeadFirstJava》《HeadFirstJava》被亚马逊评为十大好书之一。在京东计算机类书籍中热度排名第16位,在Java类书籍中排名第2位。豆瓣评分为8.8分,有百分之54.4%的读者给出了五星评价。在知乎社区中有来自无数位的大神做推荐。哪本书适合推荐给Java初学者?-书籍推荐《HeadFirstJava》…

    2022年6月14日
    37
  • 转:VC 2005 解决方案的目录结构设置和管理

    转:VC 2005 解决方案的目录结构设置和管理

    2021年7月9日
    87

发表回复

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

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