HTML <style> type 属性

在 HTML 中，我们经常使用 <style> 标签来定义文档的样式。<style> 标签有一个 type 属性，用于指定样式表的类型。在 HTML4 中，type 属性是必需的，但是在 HTML5 中，它不再是必需的，因为默认值是 text/css。

语法

<style> 标签的语法如下：

------ ----------------
  -- --- ---- --
--------

type 属性的取值

• text/css：指定样式表是 CSS 类型。
• text/javascript：指定样式表是 JavaScript 类型。
• text/plain：指定样式表是纯文本类型。

示例

使用 text/css 类型

--------- -----
------
------
  ------ ----------------
    ---- -
      ------------ ------ -----------
      ----------------- --------
    -
    -- -
      ------ -----
    -
  --------
-------
------
  ---------- -----------
  ------- -- - --------------
-------
-------

使用 text/javascript 类型

--------- -----
------
------
  ------ -----------------------
    ----------------------------------- - ------------
    ---------------------------------------- - ------
  --------
-------
------
  ---------- -----------
  ------- -- - --------------
-------
-------

使用 text/plain 类型

--------- -----
------
------
  ------ ------------------
    ---- -
      ------------ ------ -----------
      ----------------- --------
    -
  --------
-------
------
  ---------- -----------
  ------- -- - --------------
-------
-------

总结

<style> 标签的 type 属性可以帮助浏览器正确解析样式表，确保文档的样式能够正确应用。根据样式表的类型，我们可以选择合适的 type 值来指定样式表的类型。