常用的CSS类名 包裹类: container, wrapper, outer, inner, box, header, footer, main, content, aside, page, section, block 状态类: primary, secondary ...
css命名规范 页面结构命名 page:代表整个页面,用于最外层。 wrap:外套,将所有元素包在一起的一个外围包,用于最外层 wrapper:页面外围控制整体布局宽度,用于最外层 container:一个整体容器,用于最外层 head header:页头区域,用于头部 nav:导航条 content:内容,网站中最重要的内容区域,用于网页中部主体 main:网站中的主要区域 表示最重要的一块位置 ...
2017-07-23 00:32 0 4129 推荐指数:
常用的CSS类名 包裹类: container, wrapper, outer, inner, box, header, footer, main, content, aside, page, section, block 状态类: primary, secondary ...
1 前端开发命名规范 1.1 为什么要制定CSS命名规范 统一的命名规范,便于多人开发维护时代码统一,减少项目沟通和交接的成本,增加代码的语义化。 1.2 CSS命名规则 样式类名全部用小写,首字符必须是字母,禁止数字或其他特殊字符。由以字母开头的小写字母(a-z)、数字(0-9 ...
css命名规范可以避免不必要的样式冲突。命名可以参考BEM规范+常用命名 Vue-load 会将css 样式上加上 data-v-xxxx 来唯一标识样式,css-loader 也有这个功能 常用的CSS命名规则 头:header内容:content/container尾 ...
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 命名规范 ...