html全局选择器的使用,2.5.2 全局选择器*

2.5.2　全局选择器*

首先，添加一些使设计保持一致的基本规则：

通常，定义大多数元素的外边距，或者只是保持最小的外边距。有一些元素默认设置了非零外边距，而且有时候外边距过大。在设计实践过程中，我们发现大多数元素的外边距都需要设置为0。为了避免重复设置样式，可以使用前面介绍过的全局选择器*。

在代码清单2-26中，第一条CSS规则保证将每一个元素的外边距设置为0像素。从现在起，只需要将元素的外边距修改为需要的外边距值(大于零)。

代码清单2-26：一般CSS规则* {

margin: 0px;

padding: 0px;

}

基础知识回顾：注意，每一个元素都是一个框。所以外边距就是元素四周占据的空间，位于框的边框之外(相反，内边距位于元素内容之外、边框之内—例如，标题与标题所在

元素所形成虚拟框的边框之间的空间。本章后面的内容将介绍内边距。)可以选择设置元素一边或多边的外边距尺寸。在样式表中，规则margin: 0px会将框的所有边设置0像素或空的外边距。例如，如果将尺寸设置为5像素，那么这个框周围就会有5像素的区域。这意味着这个框与相邻框会存在5像素的间隔。

动手实践：必须在样式表文件中编写所有的CSS规则。这个文件已经通过标签添加到HTML代码头部，所以只需要使用文本编辑器创建一个新文件，将其命名为mystyles.css，然后在其中填入代码清单2-26及下一个代码清单的内容。

【责任编辑：book TEL：(010)68476606】

点赞 0