CSS重叠样式表(学习记录)

CSS重叠样式表

优先级
1.范围优先级（范围大，优先级小）
2.加载顺序（后加载优先级大）
3.！important
用法

（1）行内使用，当前标签使用，优先级高，可以单独设置特殊样式

（2）页内使用
a{
color: red;
background-color: rgba(255,255,0,0.5);
font-family: sans-serif;
font-size: 40px;
}
（3）页外用法（支持浏览器缓存）

选择器,选择样式实施的标签
（1）标签选择器 直接 标签名{}
（2）class=“”类选择器 .类名{}
一个标签可以同时设置多个类名

（3）id=“” id选择器 #id名{}
（4）属性选择器 [href=“#”] 如果属性值是中文或者数字时。必须要加单引号
（5）a,div{ }或选择器 a或div都有效 逗号可以将两种选择器拼接
（6）div a{ } 归属选择器，子孙选择 选择的是div标签里的所有a标签
div>a{ } 归属选择器，儿子选择 （div标签里的直接子标签，a标签）
（7）：hover 伪类选择器

box模型+定位

margin 外边距（微调位置，但是还占着原位置）
margin 上右下左
border 边框 border：1px solid red；
padding 内边距（内容位置改变，大小改变）
position+left+right+bottom+top定位
超级绝对定位：position：fixed；忽略级层，按文档左上角定位，独立一层
绝对定位：position：absolute；绝对定位（按上级容器左上角定位，上级容器也为绝对定位）
相对定位position：relative；相对于原来的位置进行定位
常用属性

居中
width:200px
height:200px
position：absolution；
left:50%; margin-left:-100px
top:50%; margin-top:-100px

text
background
list
font
display 改变显示模式（none(隐藏,不占位置)，block，inline）
visibility：hidden；隐藏，但是占位置
float 对齐定位
z-index 设置重叠优先级
cursor 游标
outline：none；隐藏焦点框
overflow：超出范围