html周考题2

作者: 幸而0407 | 来源:发表于2018-09-19 08:45 被阅读0次

一．单选题（共41小题，每题1.5分，共61.5分）

13、下面有关表格的说法正确的是（ C ）。

A. 表格已经被抛弃了，现在没必要学

B. 我们可以使用表格来布局

C. 表格一般用于展示数据

D. 表格最基本的3个标签是：tr、th、td

16、大多数表单元素都是使用（ A ）标签，然后通过type属性指定表单类型。

A. input            B. textarea            C. select             D.option

17、下面表单元素中，有value属性的是（ D ）。

A. 单选框         B.复选框            C.下拉列表         D.以上都是

18、单行文本框使用（ C ）实现，密码文本框使用（ D ）实现，多行文本框使用（ A ）实现。

A. <textarea></textarea>                    B.<input type="texarea" />

C. <input type="text" />                     D.<input type="password" />

19、如果想要定义单选框默认选中效果，可以使用（ A ）属性来实现。

A. checked         B.selected           C.type            D.以上都不是

20、在表单中，input元素的type属性取值为（ A ）时，用于创建重置按钮。

A. reset            B. set               C. button             D.submit

21、下面有关表单的说法，正确的是（ D ）。

A. 表单其实就是表格，两者是一样的

B. 下拉列表不属于表单，而是属于列表的一种

C. 在表单中，group属性一般用于单选框和复选框分组

D. 在表单中，value属性一般是为了方便JavaScript或服务器操作数据用的

22、下面对于按钮的说法，不正确的是（ D ）。

A. 普通按钮一般情况下都是配合JavaScript来进行各种操作的；

B. 提交按钮一般都是用来给服务器提交数据的；

C. 重置按钮一般用来清除用户在表单中输入的内容

D. 表单中的按钮更多的是使用button标签来实现

29、如果想要实现字体颜色为白色，可以使用定义color属性值为（ B ）。

A. #000000         B. #FFFFFF      C. wheat         D.black

30、下面有关字体样式，说法正确的是（ C ）。

A. font-family属性只能指定一种字体类型

B. font-family属性可以指定多种字体类型，并且浏览器是按照从右到左的顺序选择

C. 在实际开发中，font-size很少取“关键字”作为属性值

D. 在实际开发中，font-weight属性一般取100~900的数值

31、下面选项中，属于CSS正确注释方式是（ B ）。

A. //注释内容

B. /*注释内容*/

C. <!--注释内容-->

D.//注释内容//

32、CSS使用（ C ）属性来定义段落的行高。

A. height         B. align-height        C. line-height        D.min-height

33、CSS使用（ A ）属性来定义字体下划线、删除线以及顶划线效果。

A. text-decoration                 B. text-indent

C. text-transform                  D.text-align

34、如果想要实现下图14-12所示的效果，我们可以使用（ C ）来实现。

[图片上传失败...(image-6c8f86-1537317883054)]

A. text-decoration:none;

B. text-decoration:underline;

C. text-decoration:line-through;

D. text-decoration:overline;

35、下面有关文本样式的说法中，正确的是（ B ）。

A. 如果想要让段落首行要缩进2个字的间距，text-indent值应该是font-size值的4倍

B.“ text-align:center;”不仅可以实现文本水平居中，还可以实现图片水平居中

C. 我们可以使用line-height来实现一个段落的高度

D. 我们可以使用“text-transform:uppercase;”来将英文转换为小写形式

36、如果我们想要定义某一个元素的右边框，宽度为1px，外观为实线，颜色为红色，正确写法应该是（ C ）。

A. border:1px solid red;

B. border:1px dashed red;

C. border-right:1px solid red;

D. border-right:1px dashed red;

37、如果我们想要去掉某一个元素的上边框，下面写法中不正确的是（ A ）。

A. border-top:not;

B.border-top:none;

C. border-top:0;

D.border-top:0px;

38、在真正实战开发中，对于下图所示的列表项符号，最佳实现方法是（C ）。

[图片上传失败...(image-862242-1537317883054)]

A. list-style-type                     B. list-style-image

C. 字体图标                        D.background-image

39、下面对于列表说法中，叙述错误的是（ A ）。

A. list-style-type属性是在li元素中设置的

B. 我们可以使用“list-style-type:none;”去除列表项符号

C. 大多数列表我们都是使用ul元素，而不是使用ol元素

D. 不管是有序列表还是无序列表，我们都是使用list-style-type属性来定义列表项符号

40、CSS可以使用（ C ）属性来合并表格边框。

A. border-width                        B. border-style

C. border-collapse                      D. border-spacing

41、下面有关表格样式，说法不正确的是（ C ）。

A. border-collapse只限用于表格，不能用于其他元素

B. caption-side、border-collapse、border-spacing这3个一般在table元素中设置

C. 可以使用“border-collapse: separate;”来将表格边框合并

D. 如果要为表格添加边框，我们一般需要同时对table、tr、td这几个进行设置

42、CSS可以使用（ B ）属性来实现图片水平居中。

A. text-indent                  B. text-align

C. vertical-align                 D.float

43、下面有关图片样式，说法正确的是（ C ）。

A. 由于img元素不是块元素，因此设置width和height无效

B. 可以使用vertical-align属性来实现图片在div元素中垂直居中

C. “text-align:center;”不仅能实现图片水平居中，也能实现文本水平居中

D. 可以使用text-align实现文字环绕图片的效果

44、CSS可以使用（A ）属性来设置文本颜色。

A. color         B.background-color       C.text-color        D. font-color

45、下面有关背景样式，说法不正确的是（ A ）。

A. 默认情况下，背景图片是不平铺的

B. color设置的是文本颜色，background-color设置的是背景颜色

C. CSS Spirit技术是借助background-position属性来实现的

D. 我们可以使用“background-repeat:repeat-x;”来实现背景图片在X轴方向平铺

46、下面哪一个伪类选择器是用于定义鼠标经过元素时样式的？（ C ）

A. :link         B. :visited          C. :hover          D. :active

47、在实际开发中，如果想要定义超链接未访问时的样式，可以使用（ A ）。

A. a{}           B.a:visited{}       C. a:hover{]        D. a:active{}

48、我们可以使用（ D ）来实现鼠标悬停在超链接上时为无下划线效果。

A. a{text-decoration:underline;}            B. a{text-decoration:none;}

C. a:link{text-decoration:underline;}         D. a:hover{text-decoration:none;}

49、下面有关超链接样式说法中，正确的是（ A ）。

A. 对于超链接的下划线，我们可以使用“text-decoration:none;”去掉

B. cursor属性自定义鼠标样式时，使用的图片文件后缀名可以是.png

C. :hover伪类只能用于a元素，不能用于其他元素

D. 对于超链接来说，在实际开发中，我们一般只会定义2种状态：鼠标经过状态和点击后状态

50、下面哪个属性用于定义外边距？（ D ）

A. content          B.padding          C.border           D.margin

51、下面有关CSS盒子模型的说法中，正确的是（ D ）。

A. margin不属于元素的一部分，因为它不在边框内部

B. padding又称为“补白”，指的是边框到“父元素”或“兄弟元素”之间的那一部分

C. “margin:20px 40px 60px 80px;”表示margin-top为20px，margin-left为40px，margin-bottom为60px，margin-right为80px。

D. width和height只是针对内容区（content）而言的，不包括内边距（padding）。

52、如果一个div元素的上内边距和下内边距都是20px，左内边距是30px，右内边距是40px，正确的写法是（ B ）。

A. padding:20px 40px 30px;                 B. padding:20px 40px 20px 30px;

C. padding:20px 30px 40px; D.padding:40px 20px 30px 20px;

53、对于“margin:20px 40px;”，下面说法正确的是（ C ）。

A. margin-top是20px，margin-right是40px，margin-bottom和margin-left都是0

B. margin-top是20px，margin-bottom是40px，margin-left和margin-right都是0

C. margin-top和margin-bottom都是20px，margin-left和margin-right都是40px

D. margin-top和margin-bottom都是40px，margin-left和margin-right都是20px

54、默认情况下，（ A ）元素设置width和height可以生效。

A. div             B.span            C.strong             D.em

55、如果想要实现文本环绕着图片，最好的解决方法是（ A ）。

A. 浮动布局            B.定位布局          C.表格布局         D.响应式布局

56、在CSS中，“clear:both;”的作用是（ C ）。

A. 清除该元素的所有样式

B. 清除该元素的父元素的所有样式

C. 清除该元素的兄弟元素浮动之后带来的影响

D. 清除该元素的父元素浮动之后带来的影响

57、下面有关浮动的说法中，不正确的是（ B ）。

A. 浮动和定位都是使得元素脱离文档流来实现布局的

B. 如果想要实现多列布局，最好的方式是使用定位布局

C. 浮动是魔鬼，如果控制不好的话，会造成页面布局混乱

D. 想要清除浮动，更多使用的是“clear:both;”，而不是“clear:left;”或“clear:right;”来实现

58、我们可以定义position属性值为（B ），从而来实现元素的相对定位。

A. fixed       B. relative       C.absolute         D.static

59、下面哪个属性不会让div元素脱离文档流？（ B ）

A. position:fixed;                  B.position:relative;

C. position:absolute                D.float:left;

60、默认情况下，以下关于定位布局的说法不正确的是（ C ）。

A. 固定定位元素的位置是相对浏览器四条边

B. 相对定位元素的位置是相对于原始位置

C. 绝对定位元素的位置是相对于原始位置

D. position属性的默认值是static

61、下面有关定位布局，说法不正确的是（ D ）。

A. 想要实现相对定位或绝对定位，我们只需要用到top、right、bottom、left的其中2个就可以了

B. 绝对定位可以让元素完全脱离文档流，元素不会占据原来的位置

C. 现在的前端开发不再使用表格布局，而是使用浮动布局和定位布局

D. 在实际开发中，优先使用定位布局。如果实现不了，再考虑浮动布局

三、判断题（每题1.5分，共7.5分）

12.若某个标签里的内容超过标签的尺寸，则超出的内容自动隐藏的CSS样式是visibility:hidden （错）

13.在HTML中，将表单中input元素的type属性值设置为set时，用于创建重置按钮（错）

14.在 HTML中,action属性用于设置表单要提交的地址（对）

16.在HTML中创建一个隐藏域可以<input name="hidden" value="hidden" text="111"> （错）

18.transition-property 设置过渡的时间，transition-duration 设置过渡的属性（错）

四、简答题（4-6题6分，7题7分，共25分）

4 1、定义一个列表，每一个列表项都是一个超链接，并且要求去除列表项符号以及超链接下划线，超链接文本颜色为粉红色，并且点击某一个列表项会以新窗口的形式打开。

[图片上传失败...(image-aabb7b-1537317883044)]

<ul>

</ul>

</div>

.total{ .total ul{ .total ul a{text-decorati0n:none;

List-style:none;}

Width:30px; color:pink;}

Height:400px;

Text-alian:center

}

5请将下图所示的图片当做背景图，要求铺满整个页面，不允许有空隙。

[图片上传失败...(image-2d6d42-1537317883042)]

Body{

Background-image:url(../image/1.png);

Background-repeat:repet

}

6在网页中添加一段文本链接，并且设置其在不同的状态下显示不同的效果。要求：

（1）未访问时：没有下划线，颜色为红色

（2）鼠标经过时：有下划线，颜色为蓝色

A:link{

Text-decoration:none;

Color:red

}

A:hover{

Color:blue;

Text-decoration：underline;

}

7 使用浮动布局来实现下图所示的页面布局效果，其中各个元素之间的间距是10px。下面只给出必要的尺寸，也就是说有些尺寸需要我们自己计算的。在实际开发中，计算尺寸是家常便饭，所以这里我们自己试一下。

[图片上传失败...(image-8d0a1c-1537317883041)]

</div>

.total{

Width:800px;

Height:800px;

Overflow:hidden

}

.box1{

Width:800px;

Height:100px;

}

.box2{

Width:595px;

Height:38-px;

Float:left;

}

.box3{

Width:195px;

Height:380px;

Float:left;

}

.box1{

Width:800px;

Height:100px;

}

五、论述题（每题6分，共6分）

1、在两个盒子嵌套时候，内部的盒子设置的margin-top会加到外边的盒子上，导致内部的盒子margin-top设置失败，请说出三种解决方案：

外部盒子设一个边框
父元素设置overflow:hidden
使用伪元素类

html周考题2

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读