HTML5 style标签

作者: 漆家洲 分类: HTML5 发布时间: 2015-06-09 18:02 浏览次数:439

定义和用法

<style> 标签定义文档中的样式。

如果需要在文档中引用样式表,应该定义外部的样式表,然后使用 <link> 来连接这个样式表。

HTML 4.01 与 HTML 5 之间的差异

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

提示和注释:

提示:如需学习更多有关样式表的内容,请访问我们的 CSS 教程

提示:在 HTML 5 中,所有元素都不支持 style 属性,如需为一个元素添加样式,请在 style 元素中使用 scoped 属性。

注释:如果没有定义 scoped 属性,则 <style> 元素必须是 head 元素的子元素,或者是(属于 head 元素的子元素的) noscript 元素的子元素。

例子

<head>
    <style type="text/css">
    h1 {color: blue}
    h2 {color: red}
    </style>
</head>

属性

属性 描述 4 5
type text/css 定义内容类型。 4 5
media
  • screen
  • tty
  • tv
  • projection
  • handheld
  • print
  • braille
  • aural
  • all
样式信息的目标媒介。 4 5
scoped
  • true
  • false
如果设置为 true,则样式仅仅应用到 style 元素的父元素及其子元素。 4 5

标准属性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, 
lang, ref, registrationmark, tabindex, template, title

事件属性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, 
ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, 
ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, 
onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, 
onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!