本文已参与「新人创作礼」活动，一起开启掘金创作之路。
CSS选择器：
id选择器（通过#id名选中元素）
class（类）选择器：通过.类名选中元素
属性选择器：通过属性选中元素，例如[type="text"]
标签选择器：通过标签选中元素，例如input
全局选择器：通过*选中浏览器中的所有元素
层次选择器：通过上述选择器嵌套使用
CSS选择器优先级：
nth—child（选择条件）:奇偶选择器（2n even; 2n odd） id选择器>属性选择器>类选择器>标签选择器>全局选择器 我们通过style标签可以引入CSS代码
文本，字体，颜色：
height：高度
width：宽度
color：字体颜色
font-size：字体大小
font-family：字体类型
text-align：文本水平对齐方式（center居中，right居右）
line-hight：行高，如果行高和盒子本身高度相等，则文本水平居中
边框和背景颜色：
background-color：背景颜色
border：边框（第一个参数：边框宽度；第二个参数：边框样式（solid实线dashed虚线；第三个参数：边框颜色））
改变具体边框的颜色宽度：
border-top-color: #C00000;
border-left-color: #E80000;
border-right-color: #E80000;
border-bottom-color: #C00000;
border-bottom-width: 60px;
border-left-width: 60px;
border-right-width: 60px;
border-color: yellow blue red green;
参数数量影响边框顺序
如果是两个参数代表上下边框和左右边框
三个参数代表上，左右和下
四个参数代表上右下左
border-width: 40px 50px 20px 30px;
opacity：透明度，0代表透明，1代表不透明
什么是块元素和行内元素？
块元素：独占一行（常有div,ul等标签）
行内元素：不独占一行（常有a标签等）
div{
display: inline;
/*让块元素转换为行内元素*/
}
a{
display: block;
/*让行内元素转换为块元素*/
}
什么是盒子模型？
盒子模型用的是div标签，盒子属于块元素
盒子包含内容区，内边距（填充），边框，外边距
1.给盒子设置宽和高时，针对的是内容区部分，只有内容区可以装东西
2.盒子实际的长度等于内容区加内边距乘以2加上边框乘以2
3.盒子实际占据的空间等于内容区加内边距乘以2加上边框乘以2加上外边距乘以2
4.给盒子设置margin-left和margin-top时，影响盒子本身移动
给盒子设置margin-right和margin-bottom时，影响其他盒子移动
5.如果上方盒子设置下外边距，下方盒子设置上外边距，他们之间的距离取最大值计算
6.设置margin-left为正数时，盒子向右移动，为负数时，向左移动，其他同理
什么是浮动?
浮动就是让元素脱离文档流（脱离普通排版-->悬浮起来）
float：left：元素向左浮动，尽量向左上角占据
float：right：元素向右浮动，尽量向右上角占据
注意：当元素浮动后，原本的位置会被其他元素占据
我们可以通过外边距（margin）改变浮动后元素的位置
什么是定位？
定位共分为三种：
position：relative（相对定位，元素位置改变后原有位置依然保留，相对于原本的位置进行移动）
position：absolute（绝对定位，元素脱离文档流，原有位置会被其他元素占据，并且相对与浏览器边框进行移动，注意：浏览器会留有8px的空隙）
position：fixed（固定定位，元素脱离文档流，并且相对于浏览器画面进行移动，当固定定位生效后，元素位置不随浏览器画面滚动而动）
可以用left，right，top， bottom对元素进行移动
能使元素脱离文档流的属性有几个？（重点）
1.浮动
2.固定定位
3.绝对定位
text-decoration:none 去除超链接下划线 text-decoration:underline 添加下划线样式
