一道CSS面试题,求解

html-css020

一道CSS面试题,求解,第1张

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>交叉重叠层</title>

<style type="text/css">

html{ color:#f00}

#top{width:200pxheight:300pxbackground-color:#fffposition:absolutetop:50pxleft:50px}

#bottom{width:300pxheight:400pxbackground-color:#000z-index:-100position:absolutetop:0left:0}

</style>

</head>

<body>

<div id="top">上面层</div>

<div id="bottom">下面层</div>

</body>

</html>

可以用z-index来定义层的上下关系

首先,

.cWhite是一个类定义,他是这么定义的class="cWhite"

.cWhite:visited 与 cWhite a:visited 是同一个意思,指的是:在cWhite这

个类定义下,有个<a>元素,这个a元素里的链接点击过后你想把它

设置成什么样式;

.cWhite a 指的是:上面说到的a元素在还没点击时你想要把它设置成什么样

式。

最关键的是,这三个东东被逗号 ","隔开,意思就是:

在以上三种状态下,都要把样式都改成{color:#fff}

display width background border都是不能继承的。

具体你想怎么样可以自己想了吧。

height left top margin padding position.......