BEM - 一种前端CSS命名方法论
全称：
- 块（Block）
- 元素（Element）
- 修饰符（Modifier）
命名规范：
.block__elem--mod
BEM - 一种前端CSS命名方法论
2022-09-13
122
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
BEM - 一种前端CSS命名方法论
目录
相关文章
|
8月前
|
前端开发
JavaScript
开发者
前端 CSS 优化：提升页面美学与性能
前端CSS优化旨在提升页面美学与性能。通过简化选择器（如避免复杂后代选择器、减少通用选择器使用）、合并样式表、合理组织媒体查询，可减少浏览器计算成本和HTTP请求。利用硬件加速和优化动画帧率，确保动画流畅。定期清理冗余代码并使用缩写属性，进一步精简代码。这些策略不仅加快页面加载和渲染速度，还提升了视觉效果，为用户带来更优质的浏览体验。
264
9
9
|
5月前
|
前端开发
|
5月前
|
前端开发
|
5月前
|
前端开发
JavaScript
|
5月前
|
XML
前端开发
JavaScript
|
5月前
|
前端开发
容器
|
7月前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
182
1
2
|
8月前
|
前端开发
开发者
UED
《前端技术基础》第02章 CSS基础【合集】
层叠样式表（Cascading Style Sheets，简称CSS）是一种用于描述网页视觉表现的语言。该语言与HTML协同工作，其中HTML负责构建网页的结构，而CSS则负责定义网页的外观和格式。CSS通过一系列规则来实现样式的应用，这些规则由选择器（Selectors）和声明块（Declaration Blocks）构成。选择器的作用是明确指出哪些HTML元素将受到特定样式规则的影响，而声明块则包含了具体的样式声明，这些声明定义了元素的视觉属性和相应的值。
163
1
1
|
10月前
|
前端开发
JavaScript
搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制，两者不仅提升了代码复用率和可维护性，还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战，文章提出了相应的解决策略，强调了持续创新的重要性，旨在构建高效、灵活的Web应用。
198
6
6
|
10月前
|
前端开发
开发者
本文将深入探讨 BEM 的概念、原理以及其在前端开发中的应用
BEM（Block-Element-Modifier）是一种前端开发中的命名规范和架构方法，旨在提高代码的可维护性和复用性。通过将界面拆分为独立的模块，BEM 提供了一套清晰的命名规则，增强了代码的结构化和模块化设计，促进了团队协作。本文深入探讨了 BEM 的概念、原理及其在前端开发中的应用，分析了其优势与局限性，为开发者提供了宝贵的参考。
309
8
8
热门文章
最新文章
1
文字显示在div 最下面，css怎么写
2
WebView2 控件（基于 Microsoft Edge (Chromium) 的嵌入式浏览器控件），保存资源(图片、脚本、CSS)
3
前端框架选择之争：jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
4
如何让AI帮你做前端自动化测试？我们这样落地了
5
AMIS：百度开源的前端低代码神器，18.4k star 背后的开发效率提升利器
6
前端埋点校验工具：数据驱动的最后一道防线
7
GitHub 2.8k star 开源既封神，“Liquid‑Glass‑React”，让你前端界面瞬间拥有苹果级液态玻璃效果！
8
踩坑与成长：WordPress、MyBatis-Plus 及前端依赖问题解决记录
9
前端性能追踪工具：用户体验的毫秒战争
10
css3条纹边框效果
1
前端框架选择之争：jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
243
2
踩坑与成长：WordPress、MyBatis-Plus 及前端依赖问题解决记录
137
3
AMIS：百度开源的前端低代码神器，18.4k star 背后的开发效率提升利器
388
4
GitHub 2.8k star 开源既封神，“Liquid‑Glass‑React”，让你前端界面瞬间拥有苹果级液态玻璃效果！
205
5
如何让AI帮你做前端自动化测试？我们这样落地了
1126
6
前端埋点校验工具：数据驱动的最后一道防线
247
7
前端性能追踪工具：用户体验的毫秒战争
82
8
惊艳！阿里开源 15.2k Star 企业级低代码引擎揭秘，如何变革前端开发方式？
529
9
前端web创建命令
39
10
前端性能优化：虚拟滚动技术原理与实战
467