选择器的优先级
css选择器优先级
- 先比较选择器的优先级,选择器优先级高的会覆盖选择器优先级低的
怎么看优先级?
- 针对性强(范围越小)的选择器,优先级越高
- 针对性越弱(范围越大)的选择器,优先级越弱
- 比较先后顺序,后面的会覆盖前面的
- !important 特殊符号最高级
- 给权重,权重越大,优先级越高
{ div1
.xxx 10 #xx 100}
块级标签
- 独占一行的标签
- 能随时设置高度取决于内容的尺寸(span,a,label)
行内标签(内连标签)
- 多个行内标签能同时显示在一行
- 宽度和高度取决于内容的尺寸
行内-块级标签(内联块级标签)
- 多个行内标签可以写在同一行
- 能随时设置高度,宽度。
优缺点
- 块级标签优缺点: 可以设置高度,但是不能写在一行,浪费控件
- 行内标签优缺点:不可以设置宽度,但是能写在一行,省空间,是靠内容来控制高宽。
display:block; # 块级标签
display:inline; # 行内标签
display:inline-block; # 行内块级