为什么背景和标题不重叠?
<!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;
}
使用.
代替#
或将class=
更改为id=
我推荐后者,因为我假设bg
和header
是unique。
<img id="bg" src="bg.jpg"/>
<img id="header" src="header.png"/>
请参阅here了解更多信息。
html中的两个图像已被指定类,而在CSS中,您定义了id的样式。
[如果元素具有类,则使用.classname在CSS中对其进行定位,如果元素具有ID,则使用#idname对它进行定位。如果该元素仅在html中出现一次,请使用id。如果发生多次,请使用一个类。
此外,我建议使用相同基本属性的2个元素将它们定义为:
#element1, #element2
{
/* css properties */
}
这将节省css文件上的空间,并且可以累加很多。
[在CSS中,类选择器是一个以句号(“。”)开头的名称,而ID选择器是以一个井号(“#”)开头的名称。
HTML通过使用属性id和class引用CSS。
ID与类之间的区别在于,ID可用于标识一个元素,而类可用于标识多个元素。
您不能在HTML文件中使用类,而不能在CSS文件中使用井号(“#”)来设置特定元素的样式。