简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

目錄搜尋

HTML基础 HTML 简介 HTML基本标签 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 文本格式化 HTML 编辑器 HTML CSS HTML 链接 HTML 图像 HTML 表格 HTML 列表 HTML 块 HTML 布局 HTML 表单和输入 HTML 框架 HTML Iframe HTML 背景 HTML 颜色 HTML 颜色名 HTML 快速参考 HTML高级 HTML <!DOCTYPE> HTML 头部元素 HTML 脚本 HTML 字符实体 HTML 统一资源定位器 HTML URL 字符编码 HTML Web Server HTML媒体 HTML 多媒体 HTML Object 元素 HTML 音频 HTML 视频

文字

HTML CSS

通过使用 HTML4.0，所有的格式化代码均可移出 HTML 文档，然后移入一个独立的样式表。

实例

HTML中的样式

<html>

<head>
<style type="text/css">
h1 {color: red}
p {color: blue}
</style>
</head>

<body>
<h1>header 1</h1>
<p>A paragraph.</p>
</body>

</html>

没有下划线的链接

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>

<body>

<a href="/example/html/lastpage.html" style="text-decoration:none">
这是一个链接！
</a>

</body>
</html>

链接到一个外部样式表

<html>

<head>
<link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
</head>

<body>
<h1>我通过外部样式表进行格式化。</h1>
<p>我也一样！</p>
</body>

</html>

如何使用样式

当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表：

外部样式表

当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

内部样式表

当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。

<head>

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

内联样式

当特殊的样式需要应用到个别元素时，就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

访问我们的 CSS 教程，学习更多有关样式的知识。

标签	描述
`<style>`	定义样式定义。
`<link>`	定义资源引用。
`<div>`	定义文档中的节或区域（块级）。
`<span>`	定义文档中的行内的小块或区域。
`<font>`	规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
`<basefont>`	定义基准字体。不赞成使用。请使用样式。
`<center>`	对文本进行水平居中。不赞成使用。请使用样式。