一道CSS面试题,求解

html-css019

一道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来定义层的上下关系

内联样式(Inline Style)内部样式表(Internal Style Sheet)外部样式表(External Style Sheet)

格式

Shift+F11

外部样式表

二、d c

最后两个,百度有好多~~

我认为A是正确的,原因如下:

B CSS支持图像特效,对于IE内核则通过CSS滤镜支持特效.

C 如果页面未引用该CSS,那它是不会生效的

D 层的概念本身就来自于CSS的position样式.

答案A虽然说不太准确,但也没说"只能应用于文本",如果按照"CSS可以应用于文本"的方向来理解,是正确的.

此题本身漏洞较多,如果说答案C中隐含引用之意,则也可以说是正确的.