初学者CSS问题

问题描述 投票:4回答:4

为什么背景和标题不重叠?

<!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;
    }
css xhtml
4个回答
9
投票

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

我推荐后者,因为我假设bgheaderunique

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

请参阅here了解更多信息。


3
投票

html中的两个图像已被指定类,而在CSS中,您定义了id的样式。

[如果元素具有类,则使用.classname在CSS中对其进行定位,如果元素具有ID,则使用#idname对它进行定位。如果该元素仅在html中出现一次,请使用id。如果发生多次,请使用一个类。


0
投票

此外,我建议使用相同基本属性的2个元素将它们定义为:

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

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


0
投票

[在CSS中,类选择器是一个以句号(“。”)开头的名称,而ID选择器是以一个井号(“#”)开头的名称。

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

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

您不能在HTML文件中使用类,而不能在CSS文件中使用井号(“#”)来设置特定元素的样式。

© www.soinside.com 2019 - 2024. All rights reserved.