随着CSS的发展，使用CSS有语义化的命名约定和CSS层的分离，将有助于它的可扩展性，性能的提高和代码的组织管理。著作权归作者所有。BEM本质应该是一个css命名方案，最流行的命名规则之一就是BEM，（block：块，Element：元素，Modifier：修饰符），通过给每个元素添加它的父级block模块作为前缀，使得目标的安全性变得更加简单了；BEM还有助于消除页面和body类对嵌套或者附加样
什么是BEM呢？其实它就是css类的一种命名方式，由Yandex团队提出的，不过也有一些大牛们不喜欢这种命名方式，认为他过于复杂，冗余，降低了编码效率，不过基于存在即合理，我们还是有必要了解一下他的命名规则。 首先来理解一下什么是B：即block，这个block不是css中样式的block，而是模块的意思，将所有的样式类分成一些模块，有点类似于语义
css命名规范1.BEM命名规范BEM是块（block）、元素（element）、修饰符（modifier）的简写，由Yandex团队提出的一种前端css命名方法论。 BEM命名约定的模式是：.block{} or .block-index{}//一级组件或元素（全部是小写字母或数字，名称中的不同单词用单个连字符（-）分隔）
.block__element{}//.block的后代（两个下划线）
良好的代码结构，HTML和css元素之间的关系，对于项目交付是很重要的！ BEM解释： (1).block 是BEM的区块(B)，包含内容和风格。如bootstrap框架的.container。 (2).block-element 代表自子容器(E)。如bootstrap框架的轮播图，.carous
转载
2017-10-23 12:46:00
198阅读
2评论
一、什么是BEM BEM就是块（block）、元素（element）、修饰符（modifier），是由Yandex团队提出的一种前端命名方法论。这种巧妙的命名方法可以使css类对其他开发者来说更加透明且具有意义。BEM约定更加严格，而且包含更多的信息，它们用于一个团队开发一个耗时较大的项目。 BEM
原创
2021-07-13 17:09:08
1339阅读
【前言】 BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密.这篇文章主要介绍了CSS BEM 命名规范简介(推荐)的相关资料,感兴趣的小伙伴们可以参考一下 【主体】 1 什么是 BEM 命名规范 Bem 是块（block）、
转载
2019-06-25 17:58:00
200阅读
2评论
样式命名有多难 我以前觉得这是一个特别特别难的问题，最近在搭自己的组件库，关于CSS预处理器用的是SCSS。 对于样式的命名使用了BEM，借此机会分享一下
原创
2022-04-28 15:54:41
802阅读
一直以来自己对命名都是比较混乱的，并没有一个比较好的格式来命名，最近自己碰巧学习到了BEM命名规范，我想谈谈自己的理解以供自己来学习，同时也可以和各位大佬一起学习。 BEM是一个很有用的方法可以创建复用组件和前端代码 有三个特性. 易用性，使用BEM只需要使用BEM的命名规范就可以。 单元性，使用独
转载
2018-11-20 14:52:00
337阅读
2评论
如何看待 CSS 中 BEM 的命名方式？
转载
2013-11-07 16:48:00
115阅读
2评论
[1]主流命名
[2]命名方式
[3]命名推荐
[4]实践
前面的话 每次写HTML结构涉及到CSS命名时，都要挣扎一番。关于CSS命名的规范，市面上有不少，如OOCSS、SMACSS、BEM和MVCSS等。在这里面最火的应该算BEM了。本文将详细介绍CSS命名 主流命名【BEM】 说起CSS命名，当然要提到BEM。BEM的意思就是B模块(
什么是BEMBEM代表块（Block），元素（Element），修饰符（Modifier）。基于组件方式的web开发方法，基本思想是将用户界面分成独立的模块。编程方法论中一个最常见的例子就是面向对象编程（OOP）。这一编程范例出现在许多语言中。在某种程度上，BEM和OOP是相似的。它是一种用代码和一系列模式来描述现实情况的方法，它只考虑程序实体而无所谓使用什么编程语言。Block独立的有意义的实体
原创
2021-03-06 06:54:46
484阅读
地址 命名规范 使用 BEM 命名规范，理论上讲，每行 css 代码都只有一个选择器。 BEM代表 “块（block）,元素（element）,修饰符（modifier）”,我们常用这三个实体开发组件。 在选择器中，由以下三种符号来表示扩展的关系： - 中划线 ：仅作为连字符使用，表示某个块或者 ...
转载
2021-09-28 15:28:00
250阅读
2评论
css规范之BEM规范 前言 引用一句经典名言在编程的世界里其中一件最难的事情就是命名，不管是设计到编程语言还是标记语言都会有命名的需求。今天聊的就是关于css的命名规范的发展过程以及演变。 命名的发展变化过程 非组件化项目css命名原则 复用性 全局性 以jquery为代表的时代，我们项目都是独立 ...
转载
2021-10-27 11:50:00
277阅读
2评论
块（Block） /* 常规写法和BEM写法相同 */ .list 元素(Element) 块中的子元素是块的子元素，并且子元素的子元素在 bem 里也被认为是块的直接子元素。一个块中元素的类名必须用父级块的名称作为前缀。如上面的例子，li.item 是列表的一个子元素 /* 常规写法 */ .li
转载
2020-10-14 17:24:00
133阅读
2评论
bem是基于组件的web开发方法。其思想是将用户界面分隔为独立的块，从而使开发复杂的UI界面变得更简单和快，且不需要粘贴复制便可复用现有代码。BEM由Block、Element、Modifier组成。选择器里用以下连接符扩展他们的关系： `__：双下划线用来连接块和块的子元素 ` ：仅作为连字符使用
转载
2020-11-20 14:17:00
59阅读
2评论
最初的思考 思考来源于要给切图网 qietu.com 改一次版，作为前端开发服务商，我觉得应该要有自己的一款前端css框架，并且这个框架不应该只是随便写写，最好能够用在官网上，拿官网做背书，于是在研究了火狐、adobe、微软、google amp等官网以后，写了一款quickly.css响应式前端框
转载
2020-10-02 14:41:00
156阅读
2评论
REST 代表的是表现层状态转移（REpresentational State Transfer）它只是一种软件架构风格，是一组架构约束条件和原则，而不是技术框架。REST 规范把所有内容都视为资源，也就是说网络上一切皆资源。REST 架构对资源的操作包括获取、创建、修改和删除，这些操作正好对应 HTTP 协议提供的 GET、POST、PUT 和 DELETE 方法。1.URI规范资源名使用名词而
背景经常我们在给一个大型网站写页面的css时候，经常会出现如下的css编写效果。.container.form.input.warpper.icon{/*...
原创
2021-07-05 11:34:49
179阅读
大家都知道写程序应该有个好的命名规范，为了工作方便，贴出来。1 ADO.NET 命名规范数据类型数据类型简写标准命名举例ConnectionconconNorthwindCommandcmdcmdReturnProductsParameterparmparmProductIDDataAdapterdaddadProductsDataReaderdtrdtrProductsDataSetdstdst...
转载
2009-12-28 16:55:00
237阅读
2评论
标准命名举例
Connection
con
conNorthwind
Command
cmd
cmdReturnProducts
Parameter
parm
parmProductID
DataAdapter
dad
dadProducts
DataRe...
转载
2022-11-27 09:23:58
155阅读
