样式


实例

<网页>
<头部>
<样式 类型=“文本/层叠样式表">
标题1 {颜色: 红色}
段落 {颜色: 蓝色}
</样式>
</头部>
<主体>
<标题1>标题 1</标题1>
<段落>一个段落。</段落>
</主体>
</网页>


 

定义和用法

 

<样式> 标签用于为 超文本 文档定义样式信息。

 

在 样式 中,您可以规定在浏览器中如何呈现 超文本  文档。

 

类型 属性是必需的,定义 样式 元素的内容。唯一可能的值是 "文本/层叠样式表"。

 

样式 元素位于 头部 部分中。


 

 

浏览器支持

元素ChromeIEFirefoxSafariOpera
<样式>

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


 

 

提示和注释

提示:如需链接外部样式表,请使用 <链接> 标签。


 

 

必需的属性

属性描述
类型 文本/层叠样式表 规定样式表的 MIME 类型。

 

可选的属性

属性描述
媒体

屏幕

打字机

电视

投影

手持

打印

盲文

听觉

全部

为样式表规定不同的媒介类型。

 

全局属性

<样式> 标签支持 超文本 中的全局属性。


 

事件属性

<样式> 标签支持 超文本 中的事件属性。


 

 实例

超文本 中的样式
本例演示如何使用添加到 <头部> 部分的样式信息对 超文本 进行格式化。

<网页>
<头部>
<样式 类型=“文本/层叠样式表">
标题1 {颜色: 红色}
段落 {颜色: 蓝色}
</样式>
</头部>
<主体>
<标题1>标题一</标题1>
<段落>一个长文本段落!</段落>
</主体>
</网页>

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

<网页>
<头部>
<元 定义语言格式=“内容-类型“ 内容=“文本/html; charset=gb2312“ />
<元 定义语言格式=“内容-程序语言“ 内容=“中文“ />
</头部>
<主体>
<超链接 超引用=“https://www.w3school.com.cn/example/html/lastpage.html“ 样式=“文本装饰:没有“>
这是一个链接!
</超链接>
</主体>
</网页>

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

<网页>
<头部>
<链接 关系=“样式表“ 类型=“文本/层叠样式表" 超引用=“https://www.w3school.com.cn/html/csstest1.css“ >
</头部>
<主体>
<标题1>我通过外部样式表进行格式化。</标题1>
<段落>我也一样!</段落>
</主体>
</网页>



 

posted on 2022-02-22 14:39  立少  阅读(97)  评论(0)    收藏  举报

导航