Question

为什么bg和标题不重叠？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>My First CSS Webpage</title>
    <link rel="stylesheet" type="text/css" href="css.css"/>
</head>
<body>
    <img class="bg" src="bg.jpg"/>
    <img class="header" src="header.png"/>
</body>
</html>

    #bg{
        position:absolute;
        left:0px;
        top:0px;
    }
    #header{
        position:absolute;
        top:0px;
        left:0px;
    }

Answer 1

使用.代替#或将class=更改为id=

我推荐后者，因为我假设bg和header 唯一。

<img id="bg" src="bg.jpg"/>
<img id="header" src="header.png"/>

有关详细信息，请参阅here。

Answer 2

html中的两个图像已经被赋予了类，而在你的css中你定义了id的样式。

如果元素有一个类，使用.classname在css中定位它，如果它有一个使用#idname的id目标。如果元素只在html中出现一次，请使用id。如果有多个出现，请使用一个类。

Answer 3

另外，我建议2个元素使用相同的基本属性将它们定义为：

#element1, #element2
{
/* css properties */
}

这将节省css文件的空间，并且可以累加很多。

Answer 4

在CSS中，类选择器是一个以句号（“。”）开头的名称，而ID选择器是以一个井号（“＃”）开头的名称。

HTML通过使用属性id和class引用CSS。

ID与类之间的区别在于，ID可用于标识一个元素，而类可用于标识多个元素。

您不能在HTML文件中使用类，而不能在CSS文件中使用井号（“＃”）来设置特定元素的样式。

初学CSS问题

4 个答案: