css中style属性怎么使用
2017-06-01 · 知道合伙人互联网行家
CSS中<style> 标签用于为 HTML 文档定义样式信息。适用于所有主流浏览器都支持 <style> 标签。
Css中Style属性相关介绍:
Style属性的定义和用法:
在 style 中,您可以规定在浏览器中如何呈现 HTML 文档。type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。style 元素位于 head 部分中。
Style必需的属性:
属性:type,值:text/css,描述:规定样式表的 MIME 类型。
Style可选的属性:
属性:Media,值:screen,tty,tv,projection,handheld,print,braille,aural,all。描述:为样式表规定不同的媒介类型。
全局属性:<style> 标签支持 HTML 中的全局属性。
事件属性:<style> 标签支持 HTML 中的事件属性。
TIY 实例
A、HTML中的样式。本例演示如何使用添加到 <head> 部分的样式信息对 HTML 进行格式化。
B、没有下划线的链接。本例演示如何使用样式属性做一个没有下划线的链接。
C、链接到一个外部样式表。本例演示如何<link>标签链接到一个外部样式表。
相关页面。HTML DOM 参考手册:Style 对象。
Css中Style属性应用具体案例:
<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>
提示和注释
1、如需链接外部样式表,请使用 <link> 标签。
2、如需学习更多有关样式表的知识,请阅读我们的 CSS 教程。
<head>
<link href="外部CSS文件地址" rel="stylesheet">
</head>
或者
<style>
body{
background:blue;
}
</style>
Vue实践-CSS样式position/display/float属性对比使用