代码拉取完成,页面将自动刷新
使用 <style> 元素将简单的样式表应用于 HTML 文档:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>A heading</h1>
<p>A paragraph.</p>
</body>
</html>
<style>
标签用于定义文档的样式信息 (CSS)。
在 <style>
元素中,您可以指定 HTML 元素应如何在浏览器中呈现。
注意: 浏览器在读取样式表时,会根据样式表中的信息对 HTML 文档进行格式化。 如果在不同的样式表中为相同的选择器(元素)定义了一些属性,则将使用上次读取的样式表中的值(参见下面的示例)!
提示: 要链接到外部样式表,请使用 <link> 标记。
Element | |||||
---|---|---|---|---|---|
<style> | Yes | Yes | Yes | Yes | Yes |
属性 | 值 | 描述 |
---|---|---|
media | media_query | 指定媒体资源优化的媒体/设备 |
type | text/css | 指定 <style> 标签的媒体类型 |
<style>
标签支持 HTML 中的全局属性。
<style>
标签支持 HTML 中的事件属性。
相同元素的多种样式:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
<style>
h1 {color:green;}
p {color:pink;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
HTML 教程: HTML CSS
大多数浏览器将显示具有以下默认值的 <style>
元素:
style {
display: none;
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。