思考来源于要给切图网改一次版，作为前端开发服务商，我觉得应该要有自己的一款前端CSS框架，并且这个框架不应该只是随便写写，最好能够用在官网上，拿官网做背书，于是在研究了火狐、adobe、微软、google amp等官网以后，写了一款quickly.css响

一直以来自己对命名都是比较混乱的，并没有一个比较好的格式来命名，最近自己碰巧学习到了BEM命名规范，我想谈谈自己的理解以供自己来学习，同时也可以和各位大佬一起学习。BEM是一个很有用的方法可以创建复用组件和前端代码 有三个特性.灵活性，使用BEM后，方法

我比较推崇bootstrap的样式目录结构，class命名方式。推荐bootstrap样式框架的编码规范，同时结合BEM命名规范，灵活使用。避免过度任意的简写。class 名称应当尽可能短，并且意义明确。使用 .js-* class 来标识行为，并且不要将

刚入职水滴, 第一个需求是做5个落地页,开了需求,过了设计图,so easy一切都在计划中,提测,准备上线最后阶段codereview 居然打回重写,原因是css要按照BEM规范,迷茫脸 what?最后的最后使用BEM并不是最终目的，而是将项目合理地组件化

在项目的开发过程当中, 我们往往因为日益复杂的css代码而感到力不从心. 如何合理的组织css代码成为了我们前端开发过程中必须考虑到的环节.在读element源代码的时候, 了解到了BEM的命名风格.使用 BEM 命名规范，理论上讲，每行 css 代码都只

Why use it近几年web应用的发展可以用疯狂来形容，依靠浏览器的支持以及前端技术和框架的发展，很多应用已经把大量的逻辑从服务器端迁移到了浏览器端，使用前后端分离技术，浏览器端与用户进行交互来完成复杂的逻辑。由于这个发展趋势，Web应用的前端代码的复

Web组件1.避免继承，并通过每个元素（如）使用独特的 CSS类提供某种范围。.my-component__list-item2.通过将CSS 特性保持在最低水平来减少样式冲突。需要变得更具体，以赢得现有的特异性。模块化上下文需要低特异性。块独立的实体，它

可以帮助我们理清 CSS 和 HTML 之间清晰且严谨的关系。可以帮助我们创建出可重用、易装配的组件。可以减少嵌套，降低特定性。OOCSS，也就是 “Object Oriented CSS”，是一种写 CSS 的方法，其思想就是鼓励你把样式表看作“对象”的

在团队开发中，由于缺乏规范，样式管理一直是开发中的痛点，样式污染，难以定制化，依赖性高，各种问题层出不穷。而BEM是一个非常有用，强大，简单的命名约定，可以让你的前端代码更容易阅读和理解，更容易协作，更容易控制。当然，通常人们会认为BEM写法难看，但是他的

前面的话每次写HTML结构涉及到CSS命名时，都要挣扎一番。关于CSS命名的规范，市面上有不少，如OOCSS、SMACSS、BEM和MVCSS等。在这里面最火的应该算BEM了。本文将详细介绍CSS命名。BEM的命名是很好的，不然也不能成为最流行的命名方法。

在我开始这篇文章之前，我得说这不是一个建议或者是新的“练习指南”。这只是我自己的一些思想狂潮。并且已经持续了很多年。* **软封装** 这有助于减少命名冲突。* **自定义的CSS**这帮助我理解DOM节点彼此之间的关系。* **目标的选择**这有