发表于: 2018-11-20 12:54:45

2 755


今天完成的事情:

(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命名规则



返回列表 返回列表
评论

    分享到