HTML 样式


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


示例

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

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

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


如何使用样式

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

外部样式表

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

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</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教程


样式标签

标签 描述
<style> 定义样式
<link> 定义资源引用
<div> 定义块级区域
<span> 定义行内区域
<font> 被弃用的,请用样式代替
<basefont> 被弃用的,请用样式代替
<center> 被弃用的,请用样式代替

粤ICP备11097351号-1