BEM - 一种前端CSS命名方法论
全称：
- 块（Block）
- 元素（Element）
- 修饰符（Modifier）
命名规范：
.block__elem--mod
参考
BEM - 一种前端CSS命名方法论
2021-11-27
117
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
BEM - 一种前端CSS命名方法论
目录
相关文章
|
7天前
|
前端开发
JavaScript
开发者
前端 CSS 优化：提升页面美学与性能
前端CSS优化旨在提升页面美学与性能。通过简化选择器（如避免复杂后代选择器、减少通用选择器使用）、合并样式表、合理组织媒体查询，可减少浏览器计算成本和HTTP请求。利用硬件加速和优化动画帧率，确保动画流畅。定期清理冗余代码并使用缩写属性，进一步精简代码。这些策略不仅加快页面加载和渲染速度，还提升了视觉效果，为用户带来更优质的浏览体验。
44
9
9
|
4天前
|
前端开发
开发者
UED
《前端技术基础》第02章 CSS基础【合集】
层叠样式表（Cascading Style Sheets，简称CSS）是一种用于描述网页视觉表现的语言。该语言与HTML协同工作，其中HTML负责构建网页的结构，而CSS则负责定义网页的外观和格式。CSS通过一系列规则来实现样式的应用，这些规则由选择器（Selectors）和声明块（Declaration Blocks）构成。选择器的作用是明确指出哪些HTML元素将受到特定样式规则的影响，而声明块则包含了具体的样式声明，这些声明定义了元素的视觉属性和相应的值。
14
1
1
|
2月前
|
前端开发
JavaScript
搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制，两者不仅提升了代码复用率和可维护性，还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战，文章提出了相应的解决策略，强调了持续创新的重要性，旨在构建高效、灵活的Web应用。
51
6
6
|
2月前
|
前端开发
开发者
本文将深入探讨 BEM 的概念、原理以及其在前端开发中的应用
BEM（Block-Element-Modifier）是一种前端开发中的命名规范和架构方法，旨在提高代码的可维护性和复用性。通过将界面拆分为独立的模块，BEM 提供了一套清晰的命名规则，增强了代码的结构化和模块化设计，促进了团队协作。本文深入探讨了 BEM 的概念、原理及其在前端开发中的应用，分析了其优势与局限性，为开发者提供了宝贵的参考。
63
8
8
|
2月前
|
Web App开发
前端开发
JavaScript
揭秘！前端大牛们如何巧妙利用CSS3，打造炫酷视觉效果！
【10月更文挑战第31天】前端开发面临复杂布局的挑战，本文介绍了几种提升开发效率和代码质量的工具和技术。基础的HTML和CSS可以应对大部分布局需求，而Firefox开发者工具、VS Code、Vue、React等则能应对更复杂的布局，帮助开发者构建高性能、用户友好的网页应用。
42
4
4
|
3月前
|
前端开发
JavaScript
|
3月前
|
前端开发
容器
|
3月前
|
前端开发
UED
容器
|
3月前
|
Web App开发
前端开发
|
3月前
|
前端开发
JavaScript
容器
热门文章
最新文章
1
CSS 居中方法总结
2
纯CSS3彩色边线3D立体按钮制作教程
3
CSS-选择器7-属性
4
asp.net 多个css文件内容自动放到一个文件中
5
[译] 使用 CSS 的 font-size-adjust 属性改善网页排版
6
css学习2
7
VSCode .vue 文件 html css 无智能提示
8
闲来无事，弄个“纯CSS”的伪3D柱状图吧~
9
好程序员web开发分享CSS3新增属性
10
css属性之transition
1
web前端之纯CSS实现简单酷炫的照片墙效果、排除元素的伪类、scale
98
2
《跨界合作：前端与后端如何优化协作效率》
93
3
使用Vue.js构建交互式前端的技术探索
98
4
如何优化前端性能：关键步骤和技巧
95
5
nbcio-boot基于jeecg的flowable支持部门经理的单个或多实例支持（前端部分）
108
6
ruoyi-nbcio-plus基于vue3的flowable修正加签与跳转的前端问题
139
7
vue的 blob文件下载文件时，后端自定义异常，并返回json错误提示信息，前端捕获信息并展示给用户
312
8
ruoyi-nbcio-plus的Vue3前端一些插件使用介绍（二）
86
9
ruoyi-nbcio-plus的Vue3前端一些插件使用介绍（一）
109
10
ruoyi-nbcio-plus的Vue3前端升级组件后出现的问题（二）
164