css选择器基本介绍及基础知识

css选择器

1.css复合选择器
后代选择器： 用来选择元素后代 .nav a
子代选择器：选择最近一级元素 .nav>p
交集选择器: 选择两个标签交集的部分 （没有符号）p.one
并集选择器: 选择某些相同样式的选择器 .nav, .head
链接伪类选择器: 给链接更改状态 a:hover
2.标签的显示模式(display)
块转行内：display:inline ;
行内转块：display:block ;
块、行内元素转换为行内块： display: inline-block
块级元素: < h1 >-< h6 >, < p >, < div >, < ul >, < li >, < ol >
行内元素: < em > < sstrong> < b> < span>
行内块元素: < td> img input

3.行高

如果行高等高度 文字 垂直居中;

如果行高 高度 文字会偏下;

如果行高小于高度 文字偏上
4.css背景

background-color 背景颜色
background-image背景图片
background-repeat是否平铺
background-position背景位置
background-attachment背景固定还是滚动
5.css三大特性
层叠性
样式冲突，遵循的原则是就近原则；样式不冲突，不会层叠
继承性
子标签会继承父标签的某些样式，如文本颜色和字号
优先级
每个元素（标签选择器）1；每个类，伪类 10；每个ID 100；每个行内样式 style=" 1000；个!important 无穷大*