HTML基础教程

HTML高级教程

在HTML 4.0里，只要是跟排版相关的，都可以从HTML文档里移出，放到单独的样式表（style sheet）里去。

HTML里的样式
本例演示了如何用<head>里定义的样式信息来排版HTML文档。

无下划线的链接
本例演示了如何通过style属性来制作一个无下划线的链接。

链接到外部样式表
本例演示了如何用<link>标签链接到外部样式表。

当浏览器读取样式表时，它将根据样式表里的信息来对文档进行排版。有三种应用样式表的方法：

若所定义的样式适用于多个不同页面，那么采用外部样式表（external style sheet）是理想的选择。如果采用外部样式表，你只需更改一个文件就可以改变整个网站的外观。每个页面都必须通过<link>标签链接到样式表。<link>标签应放在<head>里。

若所定义的样式只用于单个文档，那么可以在该文档里使用内部样式表（internal style sheet）。你可以在<head>里用<style>标签来定义内部样式。

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

若所定义样式仅适用于个别元素，那么应当采用内联样式（inline style）。

使用内联样式的方法是，为相应的标签使用style属性。可以在style属性里指定任何CSS属性（CSS property）。下面的例子演示了如何改变一个段落的颜色和左边距：

<p style="color:red; margin-left:20px">
这是一个段落
</p>

要了解关于样式的更多内容，请访问CSS教程。