HTML <style> 标签

发表于2015-05-26 11:37:11| --次阅读| 来源webkfa| 作者小五

摘要：<style> 标签用于为 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>
<style type="text/css">
h1 {color: red}
p {color: blue}
</style>
</head>

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

</html>

浏览器支持
所有主流浏览器都支持 <style> 标签。

定义和用法
<style> 标签用于为 HTML 文档定义样式信息。
在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。
type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"。
style 元素位于 head 部分中。

提示和注释
提示：如需链接外部样式表，请使用 <link> 标签。

HTML 与 XHTML 之间的差异
NONE

必需的属性

		代码
	

//规定样式表的 MIME 类型。
type=text/css

可选的属性

		代码
	

//为样式表规定不同的媒介类型。
media=screen|tty|tv|projection|handheld|print|braille|aural|all

全局属性
<style> 标签支持 HTML 中的全局属性。
事件属性
<style> 标签支持 HTML 中的事件属性。

更多实例
没有下划线的链接
本例演示如何使用样式属性做一个没有下划线的链接。

		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="http://www.webkfa.com" style="text-decoration:none">
这是一个链接！
</a>

</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="http://www.webkfa.com" style="text-decoration:none">
这是一个链接！
</a>

</body>
</html>

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

		html代码
	

运行代码

<html>

<head>
<link rel="stylesheet" type="text/css" href="http://www.w3school.com.cn/html/csstest1.css" >
</head>

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

</html>

<html>

<head>
<link rel="stylesheet" type="text/css" href="http://www.w3school.com.cn/html/csstest1.css" >
</head>

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

</html>

HTML <style> 标签

发表于2015-05-26 11:37:11| --次阅读| 来源webkfa| 作者小五

相关文章

html标题快速浏览101

相关文章