块内元素和行内元素
块级元素与行内元素有几个关键区别:
格式默认情况下,块级元素会新起一行。
内容模型一般块级元素可以包含行内元素和其他块级元素。这种结构上的包含继承区别可以使块级元素创建比行内元素更”大型“的结构。
HTML 标准中块级元素和行内元素的区别至高出现在 4.01 标准中。在 HTML5,这种区别被一个更复杂的内容类别 (en-US)代替。”块级“类别大致相当于 HTML5 中的流内容 (en-US)类别,而”行内“类别相当于 HTML5 中的措辞内容 (en-US)类别,不过除了这两个还有其他类别。
CSS权重值
- 一条样式规则的整体权重值包含四个独立的部分:[A, B, C, D];
- A 表示内联样式,只有 1 或者 0 两个值;
- B 表示规则中 ID 的数量;
- C 表示规则中除了 ID、标签和伪元素以外的其它选择器数量;
- D 表示规则中标签和伪元素的数量;
- 比较时从高位到低位(从 A 到 D)分别比较,高位相同才需要比较低位;
- 有!important标记的属性权重值无视没用!important指定的一切情况;
- 多次指定!important时,相互抵销。
- inherit而来的属性定义,优先级低于任何直接指定的属性值。
查看10道真题和解析