html教程

定义和用法

<style> 标签定义 HTML 文档的样式信息。

在 style 元素中，您规定的是 HTML 元素如何在浏览器中呈现。

 

实例

在 HTML 文档中使用 style 元素： 

<html> 
<head> 
<style type="text/css"> 
h1 {color:red} 
p {color:blue} 
</style> 
</head> 
<body> 
<h1>Header-1</h1> 
<p>This is a paragraph.</p> 
</body> 
</html>


亲自试一试

 

<!DOCTYPE HTML> 
<html> 
<head> 
<style type="text/css"> 
h1 {color:red} 
p {color:blue} 
</style> 
</head> 
<body> 
<h1>Header-1</h1> 
<p>This is a paragraph.</p> 
</body> 
</html>

 

HTML 4.01 与 HTML 5 之间的差异

scoped 属性是 HTML 5 中的新属性，它允许我们为文档的指定部分定义样式，而不是整个文档。

如果使用 "scoped" 属性，那么所规定的样式只能应用到 style 元素的父元素及其子元素。

提示和注释：

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

提示：如需学习更多有关样式表的知识，请访问相关的 CSS 教程。

注释：如果未定义 scoped 属性，那么 <style> 元素必须位于 <head> 部分中。

 

属性

属性

值

描述

type

text/css

定义内容类型。

media

screen

tty

tv

projection

handheld

print

braille

aural

all

样式信息的目标媒介。

scoped

scoped

如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。

 

 

标准属性

<style> 标签支持 HTML 5 中的标准属性。


事件属性

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



© 2025 Copyright: kuaikuaixuan.com 京ICP备14015652号-3 网址导航