一、选择器
1.1 基础选择器
1）全局选择器 *{}
2）元素选择器 div{}
3）类选择器 .className{}
4）ID选择器 #idName{}
1.2 关系选择器
1）子代选择器 >
选择器1>选择器2{}
范围：选中所有直接子代
2）后代选择器 空格
选择器1 选择器2{}
范围：选中所有后代(包含儿子)
3）相邻兄弟选择器 +
选择器1+选择器2{}
范围：下面一个兄弟
4）通用兄弟选择器 ~
选择器1~选择器2{}
范围：下面所有的兄弟
二、背景属性
1）设置背景颜色
background-color:transparent(透明的);
颜色取值：关键字、十六进制、rgb()、rgba()
2）设置背景图片
background-image:url("");
3）设置背景图片平铺
background-repeat:;
repeat：默认值、平铺
no-repeat：不平铺
repeat-x：水平方向平铺
repeat-y：垂直方向平铺
4）设置背景图片大小
background-size:x y;
取值px、%、cover、contain
背景图片宽高设置一个属性值，另外一个值跟着等比例缩放
cover：背景图片等比例缩放，覆盖整个背景区域，但是背景图片可能显示不全
containe：背景图片拉伸至最大，背景区域可能覆盖不全
5）设置背景图片位置
background-position:x y;
取值px % left right top bottom center
默认位置为左上角 0px 0px
左上角为(0%,0%),右下角为(100%,100%)
参照点左上角：取正值，背景图片往右下移动，取负值，背景图片往左上移动
当只取一个值，第二个值默认居中
6）设置背景图片固定
background-attachment:;
scroll：默认值，跟着页面滚动
fixed：固定
7）简写
background:color url("") repeat size postion attachment;
背景 颜色 图片 平铺 大小 位置 固定
多个属性值之间使用空格隔开，不区分前后顺序
如果不设置其中某个属性值，取默认值
当简写属性和单个属性同时存在，简写属性写在前面
当size和position取值为px和%时，不推荐简写
例如： background: url("./images/1.jpg") center no-repeat;
三、 列表属性
1）设置项目符号
list-style-type:none;
2）设置项目符号为图片(了解)
list-style-image:url("");
3）设置项目符号的位置(了解)
list-style-position:outside|inside;
四、 overflow、line-height、letter-spacing
4.1overflow
1）作用
设置元素溢出内容怎么处理
2）属性值
visible：默认值，直接溢出
hidden：溢出部分隐藏(掌握)【元素设置overflow:hidden;,元素开启BFC格式(块级格式上下文)，元素变为独立的一块，元素布局不受子元素和父元素的影响】
auto：自动，当有内容溢出，显示滚动条，没有内容溢出，不显示滚动条
scroll：不管是否有内容溢出，都显示滚动条
4.2 line-height
1）作用
设置一行文字的高度，行高
当行高等于元素的高度，一行文字垂直居中
2）取值
px、数字(行高 = 数字 * 字体大小)
4.3 letter-spacing
1）作用
设置字符之间的距离
2）取值
可取正负,取正值，字间距变大，取负值，字间距变小
五、 盒模型 box model
5.1 概念
HTML中所有元素，在css中都可以看做为一个盒子，称为css model(盒模型)
5.2 组成部分
content：内容区域，红酒
padding：内边距，泡沫
border：边框，快递盒
margin：外边距，快递盒之间的距离
5.3 标准盒模型 w3c盒模型 (浏览器默认)
1）content 内容区域
width:; 元素的宽度
height:; 元素的高度
块级元素默认宽度100%，行内元素默认宽度由内容撑开
块级元素和行内元素默认高度由内容撑开
块级元素可以设置宽高，行内元素设置宽高不生效
min-width:; 最小宽度
max-width:; 最大宽度
min-height:; 最小高度
max-height:; 最大高度
2）border 边框
border-style:; 边框的样式，必须属性，solid：实线，dashed：虚线，dotted：点线，none：不显示
border-color:; 边框的颜色，默认为黑色
border-width:; 宽度的宽度，默认为3px
简写：border:style color width; 四周边框
单方向的边框：
border-top:style color width; 上边框
border-top-style:;
border-top-color:;
border-top-width:;
border-bottom:style color width; 下边框
border-bottom-style:;
border-bottom-color:;
border-bottom-width:;
border-left:style color width; 左边框
border-left-style:;
border-left-color:;
border-left-width:;
border-right:style color width; 右边框
border-right-style:;
border-right-color:;
border-right-width:;
3）margin 外边距
设置元素之间的距离，设置元素周围的空间
可以取正值、负值、auto(自动)
上边距：margin-top:;
下边距：margin-bottom:;
左边距：margin-left:;
右边距：margin-right:;
简写：margin:;可以取1-4个值
margin:value; 四周
margin:value value; 上下 左右
margin:value value value; 上 左右 下
margin:value value value value; 上 右 下 左
应用：
块级元素水平居中：margin:0 auto;