有没有办法在 html 正文中执行 css



我正在尝试在一个页面中多次更改背景颜色。有没有办法将CSS放在HTML正文中?

有两种

主要方法可以做到这一点:

1. 内联(样式)

<div style="background-color: blue;"></div>

2. 页内块(样式)

这些通常在页面的<head>部分中定义。

<style>
.bg-blue {
  background-color: blue;
}
</style>

如果你打算在单个页面中编写你的样式,我强烈建议你使用"选项 #2:页内块",因为它允许可重用性并且更易于维护。

这有助于回答您的问题吗?

您也可以使用<style></style>标签并在其中放置样式。最好放在<head>部分。

<style>
body p {
   font-size: 18px;
}
</style>

如果你的意思是"我可以在 html 正文中编写内联 css 吗"那么是的,你可以!(见下文)。但是拥有一个单独的CSS样式表通常被认为是更好的选择。

<div id="myDiv" style="background-color:red;">
<!-- content -->
</div>

只需将style="add your attribute here"添加到元素,然后通过在属性之间添加;来分隔属性;

<body>
<h1 style="color:blue;margin-left:30px;">This is a heading.</h1>
<p style="color:red;margin-left:30px;">This is a paragraph.</p>
</body>

默认情况下,

css 始终位于 html 正文中。一种方法是使用简单名称创建自定义样式类,并将类名插入文本周围的 li 或 p 标记内。如果要更改某些条目的背景颜色,请逐个条目进行更改。
.p (或 .li, 或 p style="background-color:#c0c0c0;"){
背景颜色:#c0c0c0;会给你一个银灰色的BG颜色
}
这可以放在带有开放和结束样式标签的单行中.
您需要为具有原始或唯一 BG 颜色的每一行或段落执行此操作。所选颜色将一直有效,直到您更改它。

最新更新