css样式继承-CSS 继承和节点树

HTML网页可以看作是节点的集合,HTML文档中可以包含不同的标签,HTML文档中的每个组件就是一个节点。 节点树可以将 HTML 文档显示为一组节点以及它们之间的链接。 在每个节点树中,最顶层的节点称为根。 除根节点外,每个节点都有一个父节点。 一个节点可以有无限的子节点,叶子是没有子节点的节点,兄弟节点是具有相同父节点的节点。 下图展示了一个节点树:

CSS继承是指子标签会继承父标签的所有样式,并且可以在父标签的样式基础上进行更改,生成新的样式,而子标签的样式不会影响父标签根本不。 例如:

可以看到,在Firefox 5.0中,一般段落字体颜色为白色,大小为20px,但段落span标签中的文本字体颜色为白色,大小为30px。 该样式首先继承父标签的颜色样式css样式继承,并重新定义自己的字体大小。

举一反三:

margin、border、padding这三个属性的多个属性值是相同的,可以组合声明。 例如:

用全局选择器“*”声明的方法:

在实际的网页制作中css样式继承,经常会遇到个别页面中的所有标签都使用相同的CSS样式,比如弹出的小对话框、上传附件的小窗口等,一一声明会很麻烦。 这时,可以使用全局选择器“*”来声明。 “*”表示可以匹配世界上所有的元素。 代码如下所示: