css学习：CSS内容概括

1、元素：块级元素（block），内联块元素(inline-block)，行内元素(inline);

2、外边距（margin）;

3、内边距（padding）;

4、边框 (border);

5、宽/高（最大最小宽高）

6、轮廓（outline）:不占文档流空间，同时不改变元素的宽/高

7、文本：行高、字间距、空白\换行处理、字体样式、字体装饰；

8：字体 font-family；

9、显示 visibilty：hidden/dispaly:none；

10、益出：overflow

11、盒子模型：box-sizing:border-box(内边距和边框内收) | content-box；

12、颜色：内置颜色名（red）、十六进制（#ff0000）,rgb函数、hsl;

13、背景：background;

14、css选择器：id选择器、类选择器、属性选择器、标签选择器、通配符选择器、

并列选择器、派送选择器、分组选择器、伪类选择器；

15、标准流、脱离标准流（浮动float、定位position）；

16、弹性布局(diaplay:flex)；

17、css函数：calc、attr、 var 、rgb、 rgba、 hsl 、hsla 、linear-gradient、 repeat-linear-gradient、radial-gradient repeat-radial-gradient 

18、transform:平移、缩放、旋转、倾斜；2D 3D

19、动画 @keyframs；

20、媒体查询@media;

21、过渡（transition）;

22：鼠标样式:cursor:not-allowed;

触发BFC的属性对应的值
2、float属性不为none
3、position为absolute或fixed
4、display为inline-block, table-cell, table-caption, flex, inline-flex
5、overflow不为visible