复合选择器
·后代选择器
.父级 子级{
}
子元素选择器
.父级>子级{
}
交集选择器
父级.父级{
}
·并集选择器
级,级{
}
链接伪类选择器
a:link /未访问的链接
a:visited /已访问的链接
a:hover /鼠标移动到链接上
a:active /选定的链接
l v h a 顺序
标签显示模式
块内元素
特点: 1.独占一行 2.可以控制高和宽 3.宽度默认是100% 4.是一个容器,你面可以放行内或块级元素
p里不能包含div
行内元素
特点: 1.一行可以放多个行内元素 2.高宽设置无效 3.行内元素只能收纳文本或其他行内元素
行内块元素
1.一行显示多个 2.默认宽度就是她本身内容的宽度 3.高度宽度都可以控制
标签显示模式转换display
1.块转行内:display:inline; 2.行内转快:display:block; 3.块、行内元素转换为行内块 display:inlne-block;
CSS背景
background-color背景颜色 background-image:url()背景照片 background-repeat背景平铺 background-position背景照片位置 background-attachment 背景附着 背景位置缩略 background:背景颜色 北京图片地址 背景平铺 背景滚动 背景位置 background-color:rgba(0,0,0,.3)
CSS三大特征
1.样式重叠,后面覆盖前面 2.优先级 3.优先级
div 标签选择器 权重0,0,0,1 class 类选择器 权重0,0,1,0 id 选择器 权重0,1,0,0 行内样式表 权重1,0,0,0 !important 权重 无穷大 继承 权重为0