Question

我有一个网页，该网页是公司为我们设计的模板，我们有一个管理面板，可以在页面中添加内容。

这通常可以正常工作，但是有一个特定页面看起来不太好。它上面有很多文字，我们希望背景是深棕色，周围有金色边框，并且文字为粗体。

当我们添加内容时，我们创建一个内容块，并在其中添加html，我最近在html上做了一个非常基础的课程。我知道通常页面会链接到提供页面样式的CSS文件。但我也知道您可以在其中添加<style>标记，然后将CSS直接添加到HTML中。

这可能是一个远景，但是对模板网站有任何了解的人是否知道以这种方式添加css只是为了改变背景颜色并为其设置边框是否可行？我想我需要使用类似Google dev工具之类的东西来找出节的名称，以便在CSS中识别它们？根据开发工具，我要修改的部分如下所示。

<div id="content">
<div class="cs-content-row">

谢谢

Answer 1

您是说像这样将普通的CSS转换成html吗？

 <html lang="en">
 <head>
  <style>
    body{
      background:red;  
    }
    #content{
      width:200px;
      height:200px;
      background:blue;
    }
    .cs-content-row{
      width:100px;
      height:100px;
      background:green;
    }
  </style>
 </head>
 <body>
     <div id="content">
     <div class="cs-content-row">
 </body>
 </html>

Answer 2

您可以使用style标签，但必须将其添加到页面的<head>标签之间。如果您的管理面板允许您更新HTML的该部分，则可以执行以下操作：

根据您的HTML描述

<head>
    <style>
        #content{
            /* css targeting the div with id attribute equals to 'content' */
        }
        .cs-content-row{
            /* css targeting the div with class attribute equals to 'cs-content-row' */
        }
    </style>
</head>

Answer 3

如果您的控制范围非常有限，例如您不能将<style>标签添加到<head>或使用自定义样式表，也可以使用内联样式，并使用style属性来对单个元素进行样式设置。

请参阅使用示例；

<div style="background:brown; border:1px solid yellow; color:white; font-weight:bold; padding:30px;">Your text here</div>

优点是它可以轻松覆盖默认样式，但缺点是您必须为要自定义样式的每个元素重新编写代码，并且如果您改变了颜色的想法，则必须编辑每个样式实例。

将CSS网页上的CSS直接添加到HTML中

3 个答案: