网页设计实践：HTML内部定义

在HTML文件内部可以直接定义CSS样式，常用于一些样式统一而简单，页数有限的场合。

1.对HTML标记直接定义

这是前面我们介绍过的，并一直在用的方法，下面再举例一则。

浏览器中打开这个网页，其效果如图6-12所示。

图6-12　对HTML标记直接定义

对HTML标记直接定义后，每次只要用到这个标记，就能显示同样的样式效果。

2.在HTML标记内直接定义

其实几乎每个HTML标记都有一个“style”属性，用这个属性可以直接定义CSS。这也是最简单的CSS定义方法。

(https://www.xing528.com)

在浏览器中打开这个网页，其效果如图6-13所示。

图6-13　在HTML标记内的直接定义

使用此方法只能控制该标记的显示样式，并不影响其他标记的样式。只不过这个方法比上例提到的方法来的麻烦，因为需要的每个标记都要去定义一下。它一般只用在偶尔有几处花样时，但用HTML标记却不能满足（极罕见，一般只做“最简单的CSS”教学演示）的场合。

3.利用class或id选择器定义

用id定义，前面已经讲过了，而且一直在用。其实我们还能利用class进行选择器定义。用id或class定义没太大区别，只是格式不同，下面只举class一例。

浏览器中打开这个网页，其效果如图6-14所示。

图6-14　class定义样式的使用

可以看到并不是所有的标记使用“class”属性后都显示定义的样式。比如例子中“<h3 class="a1">”而文字却是默认字体，这是因为前面“p.a1”代表只是有“<p>”标记使用该“class”属性时才有用。样式名可以自己定义，里面的“*”就等同于使用“id”属性里的“#”，星号“*”可以省略。