【文件属性】:
文件名称:show-toast-onclick:如何显示具有100行代码的Toast onclick事件
文件大小:6KB
文件格式:ZIP
更新时间:2021-04-30 15:45:23
HTML
#BEM-是编写CSS时命名类的标准
意义:
块元素修饰符的缩写
块:块
元素:块的组成
修饰语:为“块”或“元素”添加含义
为什么要使用BEM
每个人都定一个风格
成员放置重叠的类,重叠CSS
句法:
。堵塞
.block__element
.block-修饰符
.block__element-修饰符
适用性:
建立网站布局
在网站上构建组件
好处
明晰
易于重用
帮助整个团队轻松合作
模块化,不必担心一个类CSS会影响另一个类CSS
缺点
长类名
有人认为这很糟糕
什么时候采用BEM正确?
计划许多成员
界面上有许多页面或许多元素的大型项目
实践
制作按钮
启用:指针,悬停效果
禁用:箭头,无效
做消息
在网站上制作1个组件
砌块嵌套砌块盒
子块是共享组件
子块包含许多元素
【文件预览】:
show-toast-onclick-master
----index.html(833B)
----toast_msg_bem.html(4KB)
----btn_bem.html(1008B)
----assets()
--------css()
----ReadMe.md(1KB)