如何在 HTML 中使用 style 属性?

如何在 HTML 中使用 style 属性?

如何在 HTML 中使用 style 属性?

htmlweb developmentfront end technology更新于 2024/8/11 14:36:17

本文将介绍如何在 HTML 中使用 style 属性。

HTML 样式本质上是一组规则,用于指定页面在浏览器中的显示方式。样式信息可以包含在 HTML 文档中,也可以作为单独的文档提供。在 HTML 中,样式可以通过 3 种不同的方式应用。

让我们逐一了解如何在 HTML 中使用 style 属性。

内联样式

style 属性用于内联样式,可以直接在起始标记内写入 CSS 规则。style 属性包含许多 CSS 属性和值对。任何适用样式集的样式属性都将被此属性全局覆盖。

我们来看以下示例

示例

在下面的示例中,我们使用了 onload 方法。

Welcome To TutorialsPoit

The Best E-Way Learning

Where You Can Learn Lot Of Courses

脚本执行后,将生成一个输出,显示应用于网页上脚本文本的样式。

使用外部样式

当需要将 CSS 应用于多个网页时,外部样式表方法会很有帮助。所有样式指南都包含在一个外部样式表中,您可以从网站的 HTML 页面链接该样式表。

示例

考虑以下示例

Welcome To Tutorialspoint

The Best E-Way Learning

执行上述脚本后,它将提供包含应用于网站文本的样式的输出。

嵌入样式

内部样式表对其嵌入的文档之外没有任何影响。HTML 文档的 部分中的

Tutorials Point originated from the

idea that there exists a class of readers who respond better

当脚本执行时,它将生成一个输出,显示网页上应用样式的代码中使用的文本。

相关文章

HTML DOM 输入按钮对象

HTML 画布 shadowBlur 属性

HTML DOM address 对象

HTML 画布 shadowColor 属性

使用 onmouseover 属性更改网页背景颜色

HTML 画布 fillStyle 属性

HTML frame 框架标签

HTML Canvas clearRect() 方法

HTML body 标签

HTML optgroup 标签

有用资源

html 参考教程 - 该教程包含有关 html 的更多信息:https://www.w3schools.cn/html/

打印

下一节:如何在 HTML 代码中添加注释? ❯❮ 上一节:在 HTML 元素加载完成后执行脚本?

相关推荐