常用的CSS类名 包裹类: container, wrapper, outer, inner, box, header, footer, main, content, aside, page, section, block 状态类: primary, secondary ...
前端开发命名规范 . 为什么要制定CSS命名规范 统一的命名规范,便于多人开发维护时代码统一,减少项目沟通和交接的成本,增加代码的语义化。 . CSS命名规则 样式类名全部用小写,首字符必须是字母,禁止数字或其他特殊字符。由以字母开头的小写字母 a z 数字 中划线 组成。 可以是单个单词,也可以是组合单词,要求能够描述清楚模块和元素的含义,使其具有语义化。避免使用 ,red,blue,left ...
2017-03-03 10:13 0 2428 推荐指数:
常用的CSS类名 包裹类: container, wrapper, outer, inner, box, header, footer, main, content, aside, page, section, block 状态类: primary, secondary ...
css命名规范可以避免不必要的样式冲突。命名可以参考BEM规范+常用命名 Vue-load 会将css 样式上加上 data-v-xxxx 来唯一标识样式,css-loader 也有这个功能 常用的CSS命名规则 头:header内容:content/container尾 ...
css命名规范 页面结构命名 page:代表整个页面,用于最外层。 wrap:外套,将所有元素包在一起的一个外围包,用于最外层 wrapper:页面外围控制整体布局宽度,用于最外层 container:一个整体容器,用于最外层 head、header:页头区域,用于头部 ...
BEM是由Yandex公司推出的一套CSS命名规范,官方是这么描述它的: BEM是一种让你可以快速开发网站并对此进行多年维护的技术。 一开始,Yandex公司推出的BEM,包括了规范以及其配套构建工具。如今提到的BEM主要是指其中的规范,在BEM最新的推广页中,对其的描述 ...
转载声明:原载:彬Go本文链接:http://blog.bingo929.com/css-coding-semantic-naming.html 在此,非常感谢该文章作者的分享,本文完全转载自上面链接,此处作为备份,方便查看使用。 CSS命名规则规范整理 ...
div+css命名大全 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条 ...
参考:https://www.w3cplus.com/css/css-architecture-1.html(推荐) 或 https://blog.csdn.net/eunice_sytin/article/details/83341381 (推荐) 或 https ...
【前言】 BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解,更容易协作,更容易控制,更加健壮和明确,而且更加严密.这篇文章主要介绍了CSS BEM 命名规范简介(推荐)的相关资料,感兴趣的小伙伴们可以参考一下 【主体】 1 什么是 BEM 命名规范 ...