CSS的样式表达方式，可以分为三种：内联样式，内部样式，外部样式。
内联样式：指在标签后直接写样式。
内部样式：指在head里用style写样式。
外部样式：写在CSS里，用link引入。
书写内部样式和外部样式需要用到选择器，CSS选择器有7种：
1、id选择器：用#引入。 2.class选择器/类选择器：用.引入。 3.标签选择器：直接用标签名引入。 4.子代选择器：用>引入 5.后代选择器：用 （空格)引入。 6.分组选择器：用，引入。 7.伪类选择器：用；引入。
通配符选择器：*，会选择页面中所有样式。
背景颜色：background-color。
背景图片位置：background—position。
背景图片：background-image。
背景图片是否重复： no-repeat 不重复。 repeat-x x轴方向重复。 repeat-y y轴方向重复。
postion：定位
relative 相对定位，定位后空间不会被释放。
absolute 绝对定位，定位后空间会释放，它相对于最近的已定位的祖先元素进行定位 如果祖先元素都没有定位的话，就相对于body进行定位。
fixed 固定定位，定位后空间释放，相对于浏览器的页面定位。
元素定位以后可以修改：top，left，right，bottom。
z-index：表示层级
元素只有定位以后才可以设置层级，z-index的值越大 元素越在上面。
文本修饰：
text-decoration：none 没有，underline 下划线 overline 上划线 line-through 线穿过（打折）。
盒模型：
盒模型包括：外边距，边框，内边距，元素。 页面中显示出来的是边框，内边距，元素。
块级元素在元素里居中：margin 0 auto。
border-style:solid 实线，dashed 虚线，dottde 点状，double 双线。
浮动：
元素浮动后，空间会释放。
float：left从左向右依次排列。
float：right从右向左依次排列。
元素浮动后，有可能造成造成的塌陷问题，解决塌陷问题，有以下几种办法：
1.给父元素设置高度
2.给父元素设置溢出隐藏 overflow:hidden
3.在父元素里的最后面加一个空的子元素（块级元素），并且给这个子元素设置清除浮动 clear:both
4.增加伪元素 设置clearfix，书写方法：
.clearfix::after { /* 设置内容 / content: ""; / 设置为块元素 / display: block; / 清除浮动 */ clear: both;
}
外边距合并问题 1.并列关系 只给一个元素加上外边距
2.嵌套关系 1.给父元素加overflow:hidden 2.给父元素或子元素加绝对定位 position: absolute 3.给父元素或子元素加浮动 float 4.给父元素加边框
选择器的权重： !important 最高的
内联样式 1000
id 100
class 10
伪类 10
标签 1
伪元素 1
display用于布局
none 隐藏
block 块级元素，可以设置宽高
inline 行级元素，不可以设置宽高
inline-block 行级块元素，可以设置宽高
三角形：border四个边padding为0，为四个三角形 transition：运动。
