发表于: 2018-11-20 12:54:45
2 757
今天完成的事情:
(1)css规范CSS书写顺序
1.位置属性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)
(2)几种css命名方法
1、原子类命名规则
将复用性高的单条属性直接命名成类
.ml5{margin-left:5px;}
2、模块命名规则
按照职能划分命名规则
例如,模块是nav,便可以命名nav-tittle、nav-left
3、BEM
BEM思想是由于项目开发中,每个组件都是唯一无二的,其名字也是独一无二的,组件内部元素的名字都加上组件名,并用元素的名字作为选择器,自然组件内的样式就不会与组件外的样式冲突了。这是通过组件名的唯一性来保证选择器的唯一性,从而保证样式不会污染到组件外。
BEM的命名规矩:block-name__element-name–modifier-name,也就是模块名+元素名+修饰器名
(3)编写任务12,请师兄帮我看看:
http://118.126.113.248/jnshu745/task12/task12-1.html
http://118.126.113.248/jnshu745/task12/task12-2.html
明天计划的事情:
学习任务13
遇到的问题:
收获:
了解了css命名规则
评论