CSS
1、框模型
1、内边距
属性：
padding:value;
padding-top / right / bottom / left:value;
2、box-sizing
作用：指定框模型的计算方式
取值：
1、content-box
width 和 height 只表示内容区域的尺寸
2、border-box
width 和 height 会包含 内容区域的尺寸，内边距 以及 边框的宽度
2、背景属性
1、背景颜色：background-color
2、背景图片：background-image
3、背景平铺：background-repeat
4、背景尺寸：background-size
5、背景位置：background-position
6、背景属性：
属性：background
取值：color url repeat position
3、文本格式化
1、字体属性
1、指定字体：font-family
2、字体大小：font-size
3、字体加粗：font-weight : normal / bold / v
4、字体样式：font-style:normal/italic
5、小型大写字符：font-variant:normal/small-caps
6、字体属性
font:style variant weight size family;
注意：family的值必须要指定
2、文本属性
1、文本颜色 ：color
2、文本排列方式
属性：text-align
取值：left / center / right / justify
3、文本修饰
属性：text-decoration
取值：none / underline / line-throught / overline
4、行高
属性：line-height
取值：px / 无单位的数值
5、首行文本缩进
属性：text-indent
6、文本阴影
属性：text-shadow
取值：h-shadow v-shadow blur color
4、表格
特有属性：
1、边框合并
属性：border-collapse
取值：separate / collapse
2、边框边距
属性：border-spacing
取值：
取值为1个数字 ：水平和垂直间距相同
取值为2个数字 ：
第1个数字 ：水平间距
第2个数字 ：垂直间距
注意：只有在border-collapse的值为separate时才有效
5、过渡
1、属性
1、指定过渡属性
属性：transition-property
取值：属性名称
2、指定过渡时长
属性：transition-duration
取值：以 s 或 ms 为单位
3、指定速度时间曲线函数
属性：transition-timing-function
取值：
ease / linear / ease-in / ease-out / ease-in-out
4、指定过渡延迟
属性：transition-delay
取值：以 s 或 ms 为单位的数值
一，定位（重点）
1，什么是定位？ 表示元素在页面中的位置；
2，为什么需要定位？ 元素的默认位置无法满足页面的需求，所以需要通过定位改变元素默认的位置；
3，CSS中定位的分类：
（1）普通流定位（默认定位方式）
（2）浮动定位（重点）
（3）相对定位
（4）绝对定位（重点）
（5）固定定位
4，普通流定位：
概念：它又称为“文档流定位”，是页面中所有元素的默认定位方式。典型的“流式布局”；
特点：（1）每个元素在页面中都有自己的位置，并占据一定的页面空间；
（2）每个元素都是从其父元素的左上角开始排列的；
（3）每个元素基本上都是按照从上到下，从左到右的方式进行排列的；；
块级元素： 从上到下排列；
行内元素 & 行内块：从左到右排列，只有一行显示不下的时候，才换行；
问题： 如何能够让多个块级元素在一行显示呢？
5，浮动定位（重点）：
概念和特点：（1）浮动元素会被排除在文档流之外， 脱离文档流，那么元素将不再占据页面的空间；（2）为浮动的元素们会上前占位；
（3）浮动元素会停靠在父元素的左边和右边或其他已浮动元素的边缘上；
（4）浮动只能在当前行浮动；
（5）浮动解决的问题：？？让多个块级元素在一行内显示；
语法：属性：float
取值：（1）none ；默认值，无任何浮动效果；
（2）left ；浮动到父元素的左边，或停靠在左边已有浮动元素的边缘上 - 左浮动；
（3）right ； 浮动到父元素的右边，或停靠在右边已有浮动元素的边缘上 - 右浮动 ；
浮动引发的特殊效果：
（1）如果父元素中显示不下所有的已浮动元素的华，那么最后一个将换行显示，但有可能被卡住
（2）元素一旦浮动起来之后，都会变成块级元素；
行内元素们是允许修改尺寸的；
（3）元素一旦浮动起来之后，在未指定宽度的情况下，那么宽度将由内容来决定；
（4）文字，图片，行内元素是采用环绕的方式来排序的，是不能被浮动元素压在底下的；
清除浮动：
浮动带来的影响： （1）当前元素浮动，会影响后面元素的位置；
（2）如果后面元素不想受到当前元素浮动影响的话，则可以通过清除浮动的方式来 解决；
语法： 属性： clear
取值： （1）none ； 默认值；即不做任何清除浮动的操作；
（2）left ；清除前面元素左浮动所带来的影响；
（3）right ; 清除前面元素右浮动所带来的影响；
（4）both；清除前面元素任何一种浮动方式所带来的影响；
浮动元素对父元素高度的影响：
（1）父元素的高度是以未浮动的子元素的高度为准的；
（2）如果一个父元素中所有的子元素都是浮动的，那么它的高度将变成0；
解决方法：（1）为父元素增加overflow属性，取值为auto或hidden；
有弊端，如果有溢出要显示的内容，也一同被隐藏了；
（2）在父元素的末尾处，增加一个空块级元素，并设置其clear为both ；