【问题标题】：Is there a way to do css inside an html body? [closed]有没有办法在 html 正文中执行 css？ [关闭]
【发布时间】：2016-03-17 02:13:15
【问题描述】：

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

【问题讨论】：

这就是 css 的工作原理。你想做什么？
当然。您可以将其作为 type 属性内联或在 HEAD 内作为 <style> 块。

标签： html css stylesheet

【解决方案1】：

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

1。内联（样式）

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

2。页内块（样式）

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

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

如果您要在单个页面中编写样式，我强烈建议您使用“选项 #2：页内块”，因为它允许可重用性并且更易于维护。

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

【讨论】：

【解决方案2】：

如果您的意思是“我可以在 html 正文中编写内联 css”，那么可以，您可以！（见下文）。但是拥有一个单独的 CSS 样式表通常被认为是更好的选择。

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

只需将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>

【讨论】：

【解决方案5】：

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

【讨论】：