div+css网页设计师试题A卷

(考试时间90分钟，满分100分)

一、填空题:（共6题，每题3分，共15分）

1. 改变元素的外边距用(margin)，改变元素的内边距用(padin)。 2. Color:#FFFFFF;可缩写为___#FFFFFF_________________。

3. 为 div 设置样式 a 与 b,应编写 HTML 代码______________________________。 4. 设置 CSS 属性 float 的值为_______0____________时可取消元素的浮动。

5 文字居中的 CSS 代码是____________line-height________________________________。 二、选择题:（共5题，每题3分，共15分） 1. 怎样给所有

标签添加背景颜色？ A A、.h1{background-color:#FFFFFF} B、h1{background-color:#FFFFFF} C、h1.all{background-color:#FFFFFF} D、#h1{background-color:#FFFFFF}

2. 下面哪个是 display 布局中用来设置对象以块显示，并添加新行的？A A、inline B、none C、block D、compact 3. 选出你认为最合理的定义标题的方法： A A. 文章标题 B.

文章标题

C.

文章标题

4. 在下面的 XHTML 中，哪个可以正确地标记折行？A A、
B、 C、

5. 创建自定义 CSS 样式时，样式名称的前面必须加一个__C___ 。 A、$ B、# C、. D、?

三、简答题:（共2题，每题10分，共20分）

1. 简述 border:none 以及 border:0 的区别，并给出使用建议。

2、如何解决IE6的margin双倍边距bug问题 body {margin:0;}

div {float:left; margin-left:10px; width:200px; height:200px; border:1px solid red;} 浮动后本来外边距10px,但IE解释为20px,解决办法是:

在此DIV外面加一个DIV 相同属性但width是220px 然后原DIV内margin-left:none;margin-right:none

四、实践题（共4题，每题5分，共20分）

要求将以下css代码进行缩写，注意要符合缩写的规范

1)

#list01 {

border-top-wclassth:1px; border-top-style:dashed; border-top-color:#FF0000; } 2)

#list02 { font-style:italic;

font-family:\font-size:1em; font-weight:bold; font-variant:small-caps; line-height:140%; } 3)

#list03 { margin-left:20px; margin-right:20px; margin-bottom:5px; margin-top:20px; } 4)

#list04 {

background-position:0 0; background-repeat:no-repeat; background-attachment:fixed; background-color:#f00;

background-image:url(background.gif); }

五、操作题（共2题，每题15分，共30分） 1：（本小题15分）