犀牛的心
Subscribe
Tagged

Tailwindcss

A collection of 1 post

CSS命名

CSS命名方法整理

引子周会上有同学提出我们现在定义的css不够优雅,过于原子化的class会在html中出现大量的class,造成HTML臃肿。 CSS命名方法:css具有较大的随意性,很多都是依赖于框架的命名,没有一个统一的规范,单纯css本身命名比较主流的: OOCSSBEMACSS(Atomic CSS)一、OOCSS(面向对象的CSS)社区内最早提出的一种方法,也可以说是模块化CSS的起源,由NicoleSullivan 于 2009 年提出,这基于她在雅虎的工作。;面向对象对于后端开发人员可能较为熟悉,那么在CSS中的面向对象是什么? CSS中的对象是一个可复用的样式规则,不是框架,单纯是一种写法; <style> .btn {     padding:  ;     background-color: ;     color: ; } </style> <button class="btn">按钮</button>在例子中我们定义了一个 btn 的css class,所以以后在页面中在使用按钮,

郭嘉 Apr 17, 2021 • 11 min read
犀牛的心 © 2025
  • Contact
Powered by Ghost