我正在尝试在一个页面中多次更改背景颜色。有没有办法将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 颜色的每一行或段落执行此操作。所选颜色将一直有效,直到您更改它。