Question

出于某些疯狂的原因，我的身体标签根本不起作用。它是唯一没有工作的CSS。我试图在我的网站内容背后有一个背景，并且内容大约是身体的80％。所以我可以在我的网站的两边有两个酒吧作为边界。堆栈溢出两侧似乎有两个白条的种类。

 <style type="text/css">

body{
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-color: #000;
    margin: 0;
    padding: 0;
    color: #000;
}

#content {
    font: 14px/1.4 'Times New Roman', sans-serif;
    width: 80%;
    max-width:1260px;
    min-width: 780px;
    background-color: #89837A;
    margin-left: auto;
    margin-right: auto;
}

这是HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<!--Replace link with good web font you want.<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css' /> - See more at: http://www.newthinktank.com/2011/09/how-to-layout-a-website/#sthash.lWAaNgcS.dpuf -->

<link rel="stylesheet" type="text/css" href="CPLS_Stylesheet.css">

<!--<div class='error' style='display:none'>Event Created</div>-->

<title>MyWebsite</title>

</head>

<body>

    <div id="content">

        HEADER

        <div id="contentBackground">
            CONTENT
        </div><!--End of contentBackground-->
    </div> <!--End of content-->

</body>
</html>

无论我将身体标签更改为背景的颜色是什么，始终保持白色。内容是正确的颜色。

Answer 1

这是：你的CSS中的<style type="text/css">还是只是一个错误？

除非您编写该代码时发生意外，否则该CSS无效。唯一允许的时间是使用 HTML文档中的样式标记来包装CSS代码。

<强>好：

的index.html

<style> body { background-color: white; } </style>

不行：

的style.css

<style> body { background-color: white; }

由于没有结束标记，您似乎意外地在HTML文档中使用<style>标记从教程中复制了该标记。

Answer 2

我知道这是很久以前问过的，但我刚遇到了完全相同的问题。在样式表的正文之前添加一个假元素样式。

例如

#myFakeElement { color:red ; }

body{
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-color: #000;
    margin: 0;
    padding: 0;
    color: #000;
}

Answer 3

如果您使用某种CSS框架，请确保放置自定义CSS文件，最后，发生了同样的事情，我调整了文件的顺序，包括在内，而且效果很好。

Answer 4

我不知道发生此问题的确切原因。我也遇到了同样的问题。但是，我通过在CSS文件中body属性之后使用！important解决了此问题。例如body{ background:black !important;} 如果您找到了真正的原因，请与我分享。

Answer 5

我知道这是很久以前问过的，但这是一个解决方案。将CSS文件链接作为html部分的最后一个链接。

Answer 6

不要将样式链接放在其他链接的顶部。这就是为什么车身设计无法正常工作的原因。在所有链接下放置样式链接

CSS：我的身体标签不起作用

6 个答案: