css-选择器优先级权重-元素显示模式

选择器优先级-权重
继承 或者 * 0,0,0,0
元素选择器 0,0,0,1
类选择器,伪类选择器 0,0,1,0
ID选择器 0,1,0,0
行内样式style="" 1,0,0,0
!important 重要的 无穷大
1, 看继承 有继承 pass
2, 谁的级别高听谁的
3, 都有高级别, 比个数
4, 所有级别个数相同的情况下, 就近原则
元素显示模式
行内
inline
一行多个
不能直接设置高宽
默认高宽是内容
span,a,strong…
特殊 a标签
不能嵌套a
可以嵌套块元素
块
block
一行一个
可以直接设置高宽
必须设置高度
有内容可以撑起盒子
不设置宽度默认是父级元素的宽度
div,p,h1-6,ul,ol,li
p和h系列,一般只放文本
行内块
inline-block
一行多个可以设置高度
会有空隙
img,input,td
更换显示模式
display
总结的操作技术
侧边栏
a标签跳转
转块
文字垂直居中
单行文本
height=line-height