CSS（基本属性和用法）

伪类选择器

链接标签的四种状态
a:link 初始状态
a:hover 鼠标悬停
a:active 点击
a:visited 访问过后
一般使用方式（1）设置a（2）a:hover，其他属性使用不常用

层级选择器

div span表示div后代所有span（儿孙）（后代选择器）
div>span只表示子代，直接的儿子（子代选择器）

div+P 相邻兄弟选择器，只能是后边
div~p 兄弟选择器，同样只能是后边

* 全局选择器

CSS中的基本常用属性

1.文字和字体样式
font-size,font-family,font-style,font-weight;
可以一行设置 font:sfsw;
2.文本
text-indent:2em 缩进2个字
text-decoration:overline line-through underline(下划线)
text-align:left,right,center 对齐方式
word-spacing:"10px" 单词的间距，设置英文
letter-spacing:   设置中文和英文
line-hight:  设置行高，可以让内容垂直居中，只适合一行文字 配合height：属性设置，设置两个属性相等，表示垂直居中
3.背景属性
background-color
background-image:url("路径");
background-repeat: repeat reapt-x repeat-y no-repeat  图片的平铺方式
background-position:left top(左上角)  图片的位置

background-size:center/cover  设置图片的大小
合并简写：background:color,url(),no-repeat(平铺方式),center(位置);
4.列表属性
list-style-type: 列表样式
list-style-image: 列表样式图片
list-style-position:inside outside 图片的位置 li的里边或者外边
合并简写:list-style:type/image position type和image选一个和position配合用
5.尺寸显示轮廓属性
5.1尺寸 width height
5.2显示 display: block(块元素，有高度和宽度) 行级元素不能设置宽高，只能变成块级元素才能设置
inline 行元素，没有高度和宽度
inline-block 使块级元素设置在同一行（行块标签，既有高宽，也能在同一行）
5.3轮廓outline: width style color;
6.浮动属性float
clear:left right both 去除浮动，让div不受其他浮动的div影响
7.定位属性position
static(默认) 
relative（相对定位）(相对原来的位置，反向移动) z-index控制层叠的位置 默认值为0，可以设置为-1
resolute(绝对定位) 从文档流完全删除，相对浏览器的窗口，正向移动
fixed(固定地位)

例：position:relative; top:0px; left:0px; 其余雷同

8.盒子模型div
盒子可能有默认的margin和padding，可以将其设置为0
8.1内边距padding
div中嵌套div，让内部div居中，调节margin会使外部div跟着动。这时要设置外层div的overflow属性，值为hidden

8.2h5弹性盒子 display：flex
然后设置对齐方式 
align-items:center(垂直居中)
justify-content：center(水平居中)
  

CSS3扩展属性

1.圆角属性 border-radios
用该属性做圆，半圆，四分之一圆
2.盒子阴影 box-shadow：左右，上下，模糊度，颜色;
3.背景图片的大小 background-size:属性值;
5.background-image：url(),url();可以有多个
4.text-shadow 文本阴影，同盒子阴影类似