以下为《复习自测-CSS布局》的无排版文字预览，完整格式请下载

下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。

复习自测-CSS布局

一、单项选择题

1、下列样式代码中，可实现元素的溢出内容被修剪，且被修剪的内容不可见的是（overflow: hidden;）。

2、span是行内元素，将它变为块元素的代码是（display:block;）???

3、鼠标移到超链接上时改变背景色，使用的伪类是（ :hover?）???

4、在网页上设计一个“返回顶部”的导航，希望它一直停留在网页的右下角，应该使用以下哪一个定位？??position:fixed;right:0;bottom:0;

5、使布局居中显示的代码是（ margin:0 atuo;?）。

6、相对元素正常情况下在页面上的位置向右偏移10px，向下偏移5px，应该使用以下哪一种代码？???(5.0分)position:relative;left:10px;top:5px;

7、以下哪个标记用于指定补充内容？???aside

8、clear:both的功能是（ 在左右两侧均不允许浮动元素??）

9、 页面上如下代码： float:left

页面显示如下：

要实现如下效果图所示，应给这两个div添加哪个CSS属性：

?

10、( ?nav?)标记定义导航链接。???

二、不定项选择题

11、关于元素的绝对定位模式，下列说法正确的是（??）。??

A、“position: absolute;”可以将元素的定位模式设置为绝对定位

B、绝对定位的元素将脱离标准文档流的控制

C、绝对定位的元素将不再占据标准文档流中的空间

12、在CSS中，clear属性用于清除浮动，下列选项中属于clear常用属性值的是（??）。??

A、left

B、right

C、both

D、center

13、下列选项中，属于行内元素的是（????）。???(5.0分)

A、

B、

C、

D、

14、下列关于元素的浮动及清除浮动，下列说法正确的是（??）。???(5.0分)

A、浮动元素可能会对页面中其他元素的排版产生影响

B、clear属性可用于清除浮动

D、overflow属性可用于清除浮动

15、关于元素的相对定位模式，下列说法正确的是（??）。

A、相对定位是将元素相对于他在标准文档流中的位置进行定位

C、可通过边偏移属性改变相对定位元素的位置

三、判断题

16、使元素消失使用display:none代码。答案:正确

17、.notes{float:right;}是设置一个notes类浮动于某某。答案:正确

18、要表示一篇博客文章，一般使用section标记。??答案:错误

19、网页上的广告使用position:absolute代码，使它随着页面滚动定位在某一个位置不动。答案:错误

20、浏览器显示HTML文档中的代码时，一般是按从左往右、从上往下的顺序渲染。??答案:正确

复习自测-CSS盒模型

一、单项选择题

1、下列选项中，用于更改元素左内边距的是（?padding-left??）。??

2、关于盒模型中的宽度和高度属性，下面说法正确的是（?盒子模型中的宽度和高度属性仅适用于块级元素??）?

3、下列样式代码中，用于定义盒子上边框为1像素、蓝色、单某某的是???(border-top:1px solid blue;)

4、一个盒子的宽（width）和高（height）均为300px，左内边距为30px，同时盒子有3px的边框，请问这个盒子的总宽度是多少？（?336px?）???(5.0分)

5、以下哪个和width属性一起使用来配置居中的网页内容？?margin-left:auto;margin-right:auto;?

6、以下哪个CSS属性边框配置阴影效果？?box-shadow??

7、按照从最内层到最外层的顺序，盒模型的组件包括哪些？???

内容，内边距，边框，外边距

8、边框的样式可以包含的值不包括( border-height??)??

9、将a标记改为块元素的代码是( display:block;??)?

10、 设置盒模型的内边距，上内边距20px、下内边距10px、左内边距20px、右内边距5px的CSS代码是( padding:20px 5px 10px 20px)。?

二、不定项选择题

11、 下列选项中，属于复合属性的是（? ??）。???(5.0分)

A、font B、border C、padding D、list-style

12、设置一个标记的内边距：左右边距为20px，上边距为0，下边距为20px，以下写法正确的是（? ?）???(5.0分)

A、padding:0 20px 20px;

B、padding:20px;padding-top:0;

D、padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:20px;

13、下列选项中，可用于更改元素左外边距的是（????）。???

B、margin-left C、margin

14、关于内边距属性padding，下列说法正确的是（????）。??

A、padding属性是复合属性

B、必须按顺时针顺序采用值复制原则定义4个方向的内边距

C、其取值可为1到4个值

D、padding的取值不能为负

15、下列样式代码中，用于定义盒子上边框为2像素、单某某、灰色的是（????）。???(5.0分)

A、border-top:2px solid #CCC;

D、border-top-style:solid; border-top-width:2px; border-top-color:#CCC;

三、判断题

16、 设置了max-width:600px;表示元素的内容在浏览器可视区域至少600px。??

答案:错误

17、 将margin值设为负值，就可以将两个对象叠在一起。???(5.0分)

答案:正确

18、行内元素不能设置高度和宽度。???(5.0分)

答案:正确

19、 margin属性能同时设置四个方向上的外边距。???(5.0分)

答案:正确

内容的宽度和高度要在width和height属性值基础上加上padding和margin。?

答案:错误

复习自测-CSS基础及选择器

一、单项选择题

1、有以下代码：

????这是一个段落

????这是一个段落

????更多

如果希望p的文字是黄色，以下代码哪个无法实现？ div.second{color:yellow;}

2、有这样一段代码：

这是 标题 ，很重要的一个 内容

这是一段文字，这是一个 说明

希望在网页上“说明”这两个字显示为红色，使用的选择器是（ p strong???）。

3、关于内部样式表方式引入CSS样式表，以下书写正确的是（）??

4、如果要给网页上的h1和p标记统一修改为绿色字，请问以下选择器的写法哪个是正确的？h1,p{ color:green;}

5、在什么地方添加代码使网页与外部CSS文件关联？在网页的head部分

6、外部样式表使用的文件扩展名是什么？css?

7、以下哪个代码正确？

8、CSS语句的两个组成部分是什么？选择器和属性、值对??

9、以下哪个可以成为CSS选择器？??HTML元素 class名称 id名称

10、下面选项中，CSS样式书写正确的是（h1{font-size：12px;}?）??

二、不定项选择题

11、在下面的选项中，符合CSS选择器的语法格式的是（? ?）???(5.0分)

A、p{ font-size:12px;} B、#myfont {font-weight:bold;}

C、.green{color:green; } D、img,p,#header{border:0;}

E、h3.part{text-align:center;}

12、关于外部样式表，下面说法正确的是（? ?）。???(5.0分)

A、外部样式表才是真正实现结构与样式分离的CSS书写方式

C、外部样式表必须将所有CSS属性写在以.css为扩展名的外部样式表文件中

13、以下说法正确的是（? ?）???(5.0分)

A、使用外部样式表最大的好处是同一个CSS样式表可以被不同的HTML页面链接使用。

D、CSS全称层叠样式表，以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等样式。

14、ul[ font-size:”12px” color:”red” ]

以上是一个CSS规则，请问有哪些错？

A、不要" " （引号） B、用{}，不是[]

C、属性/值对后需要加分号

15、为页面上的p标记：

以上为《复习自测-CSS布局》的无排版文字预览，完整格式请下载

下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。