简述BEM, OOCSS,AMCSS,SMACSS,SUITCSS,ITCSS

本文介绍了CSS模块化的六种实现方式:BEM、OOCSS、AMCSS、SMACSS、SUITCSS和ITCSS。每种方法都有其特点和适用场景,如BEM强调区块、元素和修饰符的分离,OOCSS提倡结构和样式分离,SMACSS则提供了一套可扩展和模块化的CSS架构。了解这些概念有助于提升CSS代码的可读性和可维护性。
摘要由CSDN通过智能技术生成

在这里插入图片描述
本文介绍的以下几种都是对CSS模块化的各种实现,你可能工作中使用不到,甚至部分有些被淘汰。但是希望你看到这些词的时候不会一脸懵逼!!!

BEM

本人的上篇文章有详细的介绍:2020年你还没用BEM?
这里不再赘述

OOCSS

Object Oriented CSS 面向对象的CSS
OOCSS主要提倡两种规范

  • 结构和样式分开(定义一个元素的时候,将本身的结构和对元素外观的样式分开,增强css的复用性)
<div class="header bg"></div>
.header{
  width: 500px;
  height: 100px;
}
.bg{
  background: #f00;
}
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值