HTML - 全局样式属性

HTML 的**style 属性**允许通过在 HTML 标签内直接定义 CSS 属性来对元素进行内联样式设置，从而影响其外观和呈现。

为了确保您的网站可访问且易于维护，请明智地使用它并考虑内容与表现分离的最佳实践，尽管对于较小的样式调整，可以使用 style 属性。

语法

<element style="style_definitions">

style 属性接受成对的属性和属性值。可以接受一个或多个用分号分隔的属性和值。

应用于

由于 style 是 HTML 中的全局属性，因此所有可以包含文本的标签都支持 style 属性。一些例外是 <html>、<head>、<title> 等，因为它们是结构元素。

HTML style 属性示例

以下示例将说明 HTML height 属性，以及我们在哪里以及如何使用此属性！

使用 style 属性为标题标签设置样式

在以下示例中，让我们看看 style 属性在 HTML 文档中的工作原理。如果我们与元素一起传递 style 属性，则它会变成内联 CSS。

<!DOCTYPE html>
<html>
<body style="text-align: center">
    <h3>HTML style Attribute</h3>
    <h1 style="color: green">
        Tutorials<span style="color: black">point</span>
    </h1>
</body>

</html>

单个 style 属性上的多个属性

考虑另一种情况，我们将使用 style 属性内的多个内联样式，每个样式用分号分隔。

<!DOCTYPE html>
<html>

<body style="text-align: center">
    <h3>HTML style Attribute</h3>
    <p style="color: darkblue; background-color: lightgray;
              font-size: 20px; font-style: italic; "> 
        HTML translate attribute is used to specify
        whether the content of an element should be 
        translated when the page is localized
    </p>
</body>

</html>

支持的浏览器

属性
style	是	是	是	是	是

html_attributes_reference.htm

打印页面