CSS(Cascading Style Sheets)是一种用于控制网页布局和样式的语言。它通过提供一些属性,让我们可以修改 HTML 元素的外观和行为,也就是所谓的样式。其中,style 属性是 CSS 中最常用的属性之一。
通过在 HTML 标签中添加 style 属性,我们可以在 HTML 元素中内嵌 CSS 样式,从而控制该元素的表现形式。例如:
<p style="color: red; font-size: 20px;">这是一段红色文字</p>
上述代码会将 “这是一段红色文字” 文字显示为红色,字体大小为 20 像素。
style 属性的值是一组由冒号(:)分隔的样式声明,每个声明确定一个样式属性的值。多个声明可以使用分号(;)分隔。例如:
<p style="color: red; font-size: 20px; text-align: center;">这是一段居中红色文字</p>
上述代码会将 “这是一段居中红色文字” 文字显示为红色、字体大小为 20 像素、并且居中对齐。
我们也可以使用 CSS 文件来集中管理样式。在这种情况下,样式表定义在一个独立的 CSS 文件中,然后在 HTML 文件中通过 link 元素引用。例如:
<link rel="stylesheet" type="text/css" href="style.css">
style.css 文件中包含样式定义,例如:
p { color: red; font-size: 20px; text-align: center; }
上述代码会将所有 p 标签指定为红色、字体大小为 20 像素、并且居中对齐。
总之,CSS 的 style 属性是一个灵活的工具,它使我们可以直接修改单个 HTML 元素的样式,或者通过外部样式表来管理大量 HTML 相关的样式属性。