List CSS

1.块元素与内联元素

2.样式表分类

内联样式：可以对某一个元素设置样式；

内部样式：样式表可在当前文件中复用；

外部样式：样式表可在多个文件中复用；

3.基本选择器

元素选择器；

类选择器：有一类元素需要统一设定样式时；

id选择器：页面中的唯一值；

后代选择器；

5.伪类与伪元素

6.属性选择器

7.子元素选择器

8.继承与优先级

9.行高

10.CSS3新增样式

word-break: break-all;不考虑单词，在中间切换行；

word-break: keep-all;考虑单词整体，在空格处或分隔符换行；

normal使用浏览器默认的方式；

auto：自动增加滑块；

hidden：隐藏超出部分；

scroll：始终显示；

visible：显示全部效果（默认）；

调用动画名称：animation-name；

设置动画时长：animation-duration；

线性播放：animation-timing-function；

播放次数：animation-iteration-count；

11.盒子模型

margin：顺时针-上右下左；

12.元素转换

display: inline——将块级元素转换为内联元素；

display: block——转换至块级元素；

display: inline-block——同时具备块级元素与内联元素的特征，不会独占一行；

display: none——隐藏元素，不保留宽度和高度；

visibility: hidden——隐藏元素，保留宽度和高度；

13.文档流

14.浮动

15.浮动布局

clear: both——清除其他元素浮动带来的影响；

list-style: none——去掉列表样式；

text-decoration: none——去掉下划线；

16.盒子塌陷

处理盒子塌陷问题1，外层元素保留自己的样式设置；

处理盒子塌陷问题2，外层元素使用里层元素的高；

17.定位

相对定位，相对于上一级的兄弟节点；

position: absolute——绝对定位以页面作为参照物；