CSS：我的body标签不工作

qgelzfjb 于 2023-06-07 发布在其他

关注(0)|答案(9)|浏览(189)

出于某种疯狂的原因，我的身体标签根本不起作用。这是唯一不工作的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>

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

css

来源：https://stackoverflow.com/questions/25006883/css-my-body-tag-is-not-working

9条答案

按热度按时间

qqrboqgw1#

不要把样式链接放在其他链接的顶部。这就是为什么身体设计不起作用。将样式链接放在所有链接下面

赞(0）回复(0）举报 2023-06-07

kb5ga3dv2#

这是：<style type="text/css">在你的CSS或这只是一个错误？
除非这是你写代码时的意外，否则这不是有效的CSS。唯一允许的情况是在HTML文档中使用样式标签来 Package CSS代码。

好的：

网站Map

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

不好：

样式.css*

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

因为没有结束标记，所以看起来像是您不小心从HTML文档中使用<style>标记的教程中复制了结束标记。

赞(0）回复(0）举报 2023-06-07

cclgggtu3#

如果你正在使用某种CSS框架，请确保你放置你的自定义CSS文件，最后，同样的事情发生在我身上，我调整了文件的顺序，我包括它的工作正常。

赞(0）回复(0）举报 2023-06-07

3phpmpom4#

我不知道这个问题发生的确切原因。同样的问题也发生在我身上。但是，我使用它来解决它！important在CSS文件中的body属性之后。如果你找到了真正的原因，请与我分享。

赞(0）回复(0）举报 2023-06-07

xbp102n05#

我知道这个问题很久以前就被问到了，但这里有一个解决方案。把你的css文件链接作为最后一个在你的html部分。

赞(0）回复(0）举报 2023-06-07

jogvjijk6#

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

#myFakeElement { color:red ; }

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

赞(0）回复(0）举报 2023-06-07

velaa5lx7#

从样式表中删除....
我只是把代码复制到我的编辑器，它工作了：

赞(0）回复(0）举报 2023-06-07

qnzebej08#

我知道这是很久以前发布的。但是，由于人们显然仍在寻找这个问题，偶尔仍在试图回答它，这就是这里发生的事情：
代码按照预期工作。这可能就是为什么许多人报告测试代码并发现它可以工作的原因。最明显的问题是css文件的代码块以<style type="text/css">开始，尽管这一行只有在html文件中执行css时才需要。如果这一行出现在css文件的开头，那么引用的第一个元素（本例中为body）将被忽略。

赞(0）回复(0）举报 2023-06-07

lh80um4z9#

在style.css中定义html和body，并将它们的width和height设置为100%。

赞(0）回复(0）举报 2023-06-07