0

我是 html/css 的新手，做了一些教程并尝试添加一个简单的框。它显示文本，但不显示它周围的框。

这是我的CSS

body
{

background: #6a6a6a;    
background-image:  -moz-linear-gradient(top,  #6a6a6a 0%, #353535 100%);
background-image:  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a6a6a), color-stop(100%,#353535));
background-image:  -webkit-linear-gradient(top,  #6a6a6a 0%,#353535 100%);
background-image:  -o-linear-gradient(top,  #6a6a6a 0%,#353535 100%);
background-image:  -ms-linear-gradient(top,  #6a6a6a 0%,#353535 100%);
background-image:  linear-gradient(to bottom,  #6a6a6a 0%,#353535 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6a6a', endColorstr='#353535',GradientType=0 );

background-size: auto;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;





.box
{
  background: #fff;
  border: 6px solid #ccc;
  height: 100px;
  margin: 20px;
  padding: 20px;
  width: 400px;
}

}

这是我的html

<!DOCTYPE html>

<html>

<head>
    <title>Where do you want to go?</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link type="text/css" href="css/style.css" rel="stylesheet" />
</head>

<body>

<div class="box"> why doesn't this show up? </div>

</body>

</html>

“为什么这个不显示应该在一个盒子里，但它不是。

4

3 回答 3

0

在 css 文件中做 .box，而不是 #box。 #box是如果你有id="box"是.box如果你有class="box" 好吧，你刚刚编辑了这个问题，所以这是无效的

啊，发现问题了。将 .box{} 从正文中取出{}。

于 2013-07-06T08:42:29.820 回答
0
  1. 如果它在不同的文件夹中，你的 CSS 在哪里更新你的href

  2. 试试这个模式

    body{
}
.box{
}
于 2013-07-06T08:51:38.003 回答
0

CSS 不是嵌套的。虽然你的直觉可能会写一些东西：

#id {
    color: red;

    .box {
        border: 6px solid #ccc;
    }
}

这是无效的。你必须做一些乏味的事情：

#id {
    color: red;
}

#id.box {
   border: 6px solid #ccc;
}

这就是为什么我建议同时查找 SASS 或 LESS。

于 2013-07-06T08:52:27.130 回答