JavaScript 参考手册 目录

HTML DOM Style 对象

HTML 对象 <style>

在 web 开发中,<style> 标签用于定义文档的样式信息,可以包含 CSS 样式规则,用于控制文档的外观和布局。当浏览器解析 HTML 文档时,会逐行解析 <style> 中的样式规则,并将其应用到文档中相应的元素上。

语法

<style> 标签位于文档的 <head> 部分,示例如下:

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

在上面的示例中,<style> 标签中包含了两个样式规则,分别用于设置 body 元素的背景颜色和 h1 元素的文字颜色。

属性

<style> 标签没有特定的属性,但可以通过 type 属性指定样式表的类型,通常为 text/css,如下所示:

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

注意事项

  • <style> 标签中的样式规则必须遵循 CSS 的语法规则,否则浏览器无法正确解析。
  • 如果需要在文档中引入外部样式表,推荐使用 <link> 标签而不是 <style> 标签。

以上就是关于 HTML 对象 <style> 的介绍,希望对您有所帮助!


上一篇:HTML 对象 <source>
下一篇:HTML 对象 <table>