如何使用插件(7)

注意:

在Web早期,大部分用户使用非常慢的拨号调制解调器,所以经常看到在Web页面中省略引号和各种标记的现象。但如今,大部分用户获得了相当不错的带宽速度,因而也就不需要这样做了。

1.5  关于CSS

使用CSS,可以按自己的意愿对Web页面应用样式。这是可行的,因为CSS是与DOM相联系的,因此可以快速而容易地改变元素样式。例如,如果不喜欢<h1>、<h2>等标题标记的默认样式,可以指派新样式来覆盖所使用的字体系列和大小的默认设置,或决定是否设置粗体或斜体及许多其他属性。

给Web页面添加样式的一种方式是将所需的语句插入到Web页面的头部中,即<head>和</head>标记之间。因此,要改变<h1>标记的样式,可使用下列代码:

<style>

h1 { color:red; font-size:3em; font-family:Arial; }

</style>

在HTML页面中,结果如下所示(见图1-4):

<html>

<head>

<style>

h1 { color:red; font-size:3em; font-family:Arial; }

</style>

</head>

<title>Hello World</title>

<body>

<h1>Hello there</h1>

</body>

</html>

图1-4  样式化<h1>标记,小窗口中显示的是原样式

读书导航