1。内联（样式）

Question

我正在尝试在一页内多次更改背景颜色。有没有办法将CSS放在HTML主体中？

Answer 1

有两种主要方法可以做到这一点：

1。内联（样式）

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

2。页内块（样式）

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

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

如果您要在一个页面内编写样式，我强烈建议您使用＆＃34;选项＃2：页内阻止＆＃34;因为它允许可重用性并且更易于维护。

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

Answer 2

如果你的意思是＆＃34;我可以在html体内编写内联css＆＃34;那么是的，你可以！（见下文）。但是，通常认为拥有单独的CSS样式表是更好的选择。

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

Answer 3

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

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

Answer 4

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

＆＃13;

<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>

＆＃13;

Answer 5

默认情况下，css始终位于html正文中。一种方法是使用简单名称创建自定义样式类，并在文本周围的li或p标记内插入类名。如果它是您要更改的某些条目的背景颜色，请逐个输入 .p（或.li，或p style =＆＃34; background-color：＃c0c0c0;＆＃34;）
{
背景色：＃C0C0C0;会给你一个银灰色的BG颜色
}
这可以使用打开和关闭样式标记放在一行中。
您需要为具有原始或唯一BG颜色的每一行或段落执行此操作。选择的颜色将保持有效，直到您更改它。

有没有办法在html体内做css？

5 个答案:

1。内联（样式）

2。页内块（样式）