HTML5 基础练习(二)

11 篇文章 1 订阅
11 篇文章 3 订阅

HTML5 基础练习题 (二)
以下哪个不是定位属性的属性值?
A
static
B
absolute
C
fixed
D
visibility
正确答案: D
解析:
visibility是隐藏不是定位
2.
何时使用margin值描述错误的是
A
需要在border外侧添加空白
B
需要在border内侧添加空白
C
两个盒子上下外侧之间的空白
D
两个盒子左右外侧需要空白时
正确答案: B
解析:
margin外边距,B项描述是内填充padding

关于文本溢出属性描述错误的是?
A
hidden:内容会被修剪,并且其余内容是不可见的
B
scroll:内容会被修剪,但是浏览器会显示滚动条,以便查看其余的内容
C
inherit:规定不能继承父元素overflow属性的值
D
visible:默认值,内容不会被修剪,会成现在元素框之外
正确答案: C
解析:
overflow 属性规定当内容溢出元素框时发生的事情。 visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 overflow 属性的值。
4.
不属于form标签的属性的是?
A
name
B
method
C
get
D
action
正确答案: C
解析:
题目问的是form的属性,get是属性值,form有target属性 ,规定在何处打开 action URL。

img标签中不包含的属性有?
A
alt
B
title
C
url
D
src
正确答案: C
解析:
题目问的是不包含,url是css里面background的属性,不属于img

以下哪个属性是属于盒模型里的属性?
A
colspan
B
border
C
src
D
valign
正确答案: B
解析:
盒模型的组成部分是内容区、边框border、外边距margin、内填充padding
7.
下列哪一项是CSS正确的语法构成
A
body:color=black
B
{body;color:black}
C
body{color:black;}
D
{body:color=black}
正确答案: C
解析:
css的语法:选择器{属性:属性值;}

以下是<!doctype>元素作用的是?
A
该语句用来定义文档类型
B
该语句用来声明命名空间
C
该语句用来向搜索引擎声明网站关键字
D
该语句用来向搜索引擎声明网站作者
正确答案: A
解析:
doctype声明当前的文档类型

关于块状元素说法正确的是
A
块状元素在网页中是以块的形式显示,所谓块状就是元素显示为矩形区域,常用的块状元素包括div、img、input
B
块状元素都不会占据一行,通俗地说,两个相邻块状元素不会出现并列显示的现象,脱离文档流也不会
C
块状元素都不可以定义自己的宽度和高度
D
块状元素一般都作为其他元素的容器,它可以容纳其他内联元素和其他块状元素,我们可以把这种容器比喻为一个盒子
正确答案: D
解析:
A项的img、input是行内块元素,B块元素会独占一行,它说不会是错的;C块元素可以定义自己的宽度和高度

以下哪个选项是对对象进行定位的?
A
margin
B
border
C
position
D
content
正确答案: C
解析:
A、margin外边距border边框position定位content内容

关于边框以下写法是错误的是?
A
border-width
B
border-style
C
border-solid
D
border-color
正确答案: C
解析:
border边框包括 border-color边框颜色 border-style边框线型 border-width边框宽度

下列哪个选项是鼠标激活时的超链接样式?
A
a:active
B
a:link
C
a:visited
D
a:hover
正确答案: A
解析:
a:link 超链接初始的状态 a:hover鼠标悬停 a:visited 超链接访问过后 a:active鼠标激活的效果 问的是鼠标激活所以选择A

在CSS中,通过以下哪个选项的语句可以实现鼠标悬停在超链接上时,为无下划线的效果
A
a{text-decoration:underline}
B
a{text-decoration:none}
C
a:hover{text-decoration:none}
D
a:link{text-decoration:underline}
正确答案: C
解析:
问的是鼠标悬停且没有下划线,鼠标悬停是:hover,没有下划线那就是text-decoration:none;

下面的描述正确的是( )
A
menu是标签选择器
B
menu是元素选择器
C
menu是类选择器
D
menu是ID选择器
正确答案: D
解析:
css部分写的是#menu,带#的就是ID选择器,class选择器的符号是. 标签(元素)选择器是不带符号的

在HTML中,将表单中input元素的type属性值设置为( )时,用于创建重置按钮
A
button
B
submit
C
reset
D
radio
正确答案: C
解析:
button按钮 submit提交按钮 reset重置按钮 radio单选按钮

在HTML中,( )标签用于在网页中创建表单?
A
form
B
textarea
C
from
D
input
正确答案: A
解析:
创建表单用的是form

以下各选项描述正确的是( )
A
标题标签、段落标签、标签都是块级元素
B

… …
标签是内联元素 C
标签可以包含于

标签中 D display属性可以控制块级元素和内联元素的显示方式 正确答案: D 解析: div是块元素 span是行内元素、p标签只能包行内元素和行内块元素

内联样式的权重是( )
A
10
B
100
C
1000
D
1
正确答案: C
解析:
内联样式权重是1000 id选择器权重100 class权重是10 类型选择器权重是1

下列哪项技术可以用于帮助网页设计时使页面具有统一、专业的外观( )
A
HTMl
B
XML
C
HTTP
D
CSS
正确答案: D
解析:
统一外观效果,利用的是css,css可以修饰页面。

关于为什么要初始化CSS样式,错误的是( )
A
因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的
B
没有对CSS初始化往往会出现浏览器之间的页面显示差异
C
为了避免不同浏览器的有不同的显示效果
D
不初始化CSS样式也没有任何问题
正确答案: D
解析:
首先是因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 其次初始化CSS样式可以提高编码质量,保持代码的统一性,如果不初始化整个页面做完很糟糕,重复的CSS样式很多。去掉标签的默认样式如:margin,padding,其他浏览器默认解析字体大小,字体设置。

以下( )标签用于在表单中构建复选框
A

B

C

D

正确答案: C
解析:
复选框 CheckBox 密码password 文本 text 单选框radio

阅读下面HTML代码,若要使

标签在同一行显示,下面选项中的CSS书写正确的是( )
用户名:

A
dt,dd { float:left; }

B
dl dd { float:left; }

C
dl dd { display:bock; }

D
dl { display:inline; }

正确答案: A
解析:
问的是需要dt和dd一行显示,方法有dt和dd同时浮动,或者dt浮动,之后dd会上去,也会一行显示

在HTML中,以下关于样式表的优点描述不正确的是( )

A
实现结构和表现的分离

B
页面布局更加灵活

C
有利于后期的维护

D
不利于搜索引擎搜索

正确答案: D
解析:
D

下面选项中,可以设置页面中某个DIV标签当内容溢出的时候出现滚动条的是( )

A
overflow:hidden

B
display:block

C
overflow:scroll

D
display:scroll;

正确答案: C
解析:
超出显示滚动条用的是overflow:auto或者scroll;

我们想要让表格的边框在页面中一定不显示出来,用什么方法可以做到呢?( )

A
bgcolor=“white”

B
bordercolor=“white”

C
border=“1”

D
border=“0”

正确答案: D
解析:
边框不显示,就是边框没有,border=“0”

CSS哪些属性没有继承性( )

A
font-size

B
font-family

C
color

D
height

正确答案: D
解析:
CSS 继承是指我们设置上级(父级)的CSS样式,上级(父级)及以下的子级(下级)都具有此属性,一般只有文字文本具有继承特性,如文字大小、文字加粗、文字颜色、字体等。

对web标准以及w3c的理解和认识错误的是( )

A
不按照规范去写代码,也没有任何问题

B
标签闭合,标签小写,不乱嵌套,提高搜索机器人搜索几率

C
使用外部css和js脚本,结构行为表现分离,内容能被更多广泛的设备所访问

D
容易维护,改版方便,不需要变动页面内容

正确答案: A
解析:

在HTML中,以下关于position属性的设定值描述错误的是( )

A
static为默认值,没有定位,元素按照标准流进行布局

B
relative属性值设置元素的相对定位,垂直方向的偏移量使用up或down属性来指定

C
absolute表示绝对定位,需要配合top、right、bottom、left属性来实现元素的偏移量

D
用来实现偏移量的left和right等属性的值,可以为负数

正确答案: B
解析:
absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 fixed 生成绝对定位的元素,相对于浏览器窗口进行定位。 元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。 relative 生成相对定位的元素,相对于其正常位置进行定位。 因此,“left:20” 会向元素的 LEFT 位置添加 20 像素。 static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。

下列元素中为空标记的是?

A
p

B
div

C
span

D
br

正确答案: D
解析:
题目问的是空标签,p段落 textarea文本域 script是js的外部引入 前3个都是双标记,br是css的空标签

内容设置哪个定位的属性值,可以取消定位?

A
position:relative

B
position:absolute

C
position:fixed

D
position:static

正确答案: D
解析:
position:static可以取消定位 ,答案选择D

二、多选题(不定项选择)(共20题,每题2分)

结构:

CSS:div{width:678px;height:456px;background:#f00;} p{width:234px;height:124px;background:#00f;} 以下选项中,可以实现让p在div中水平和垂直居中的代码

A
给p添加position:absolute;left:0;top:0;bottom:0;right:0;margin:auto 给div添加position:relative

B
给p添加position:absolute;left:50%;top:50%; 给div添加position:relative

C
给p添加position:absolute; left:50%;top:50%;margin-left:117px;margin-top:62px 给div添加position:absolute

D
给p添加position:absolute;left:50%;top:50%;margin-left:-117px;margin-top:-62px 给div添加position:absolute

正确答案: A,D
解析:
定位的两种居中方法

盒子内的文本溢出盒子范围,以下选项中可以隐藏溢出文本且不产生滚动条的选项是?

A
overflow:auto;

B
overflow-xy:hidden;

C
overflow-x:hidden;overflow-y:hidden;

D
overflow:hidden;

正确答案: C,D
解析:
overflow:hidden是隐藏,overflow-x:hidden;针对x轴,overflow-y:hidden;针对y轴

让元素的高度自适应窗口的高度,以下哪些选项可以实现?

A
元素{height:100%}

B
html{height:100%;}body{height:100%;}元素{height:100%;}

C
html body{height:100%};元素{height:100%}

D
html,body{height:100%;}元素{height:100%;}

正确答案: B,D
解析:
自适应浏览器窗口一定要个html和body设置height:100%

z-index结合以下哪些选项一起使用有效

A
position:absolute;

B
position:fixed;

C
position:static;

D
position:relative;

正确答案: A,B,D
解析:
z-index必须配合定位属性才生效

以下哪个选项可以让标签脱离文档流

A
position:absolute

B
position:relative

C
position:static

D
position:fixed

正确答案: A,D
解析:
AD

以下是display属性值的选项有

A
none

B
inline

C
inline-block

D
block

正确答案: A,B,C,D
解析:
ABCD

以下对z-index属性描述正确的是

A
给元素设置z-index属性可以改变元素的大小

B
给定位元素设置z-index属性可以改变元素的堆叠顺序

C
元素默认的z-index值是1

D
z-index的属性值可以是负值

正确答案: B,D
解析:
z-index层叠属性,默认值是0,是可以给负值的

white-space设置文本不换行的属性值是哪个

A
pre

B
auto

C
nowrap

D
normal

正确答案: C
解析:
white-space的属性值有normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的

 标签。 nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 
标签为止。 pre-wrap 保留空白符序列,但是正常地进行换行。 pre-line 合并空白符序列,但是保留换行符。 inherit 规定应该从父元素继承 white-space 属性的值。

以下不属于overflow属性的属性值的是

A
left

B
0px

C
auto

D
hidden

正确答案: A,B
解析:
overflow:hidden;/visible/scroll/auto

盒子内的文本溢出,让盒子显示滚动条,以下哪个属性不能实现此效果

A
display

B
overflow

C
float

D
position

正确答案: A,C,D
解析:
文本溢出显示滚动条,只能用overflow属性

以下选项中display的属性值为inline-block的标签有哪些

A
img

B
input

C
textarea文本域

D
select下拉列表

正确答案: A,B,C,D
解析:
问的是行内块元素都有谁,ABCD

以下选项中是position定位的属性值的选项有哪些

A
static

B
auto

C
fixed

D
relative

正确答案: A,C,D
解析:
auto不是position的值

position定位属性设置哪些属性值,添加z-index属性会有效

A
static

B
absolute

C
relative

D
fixed

正确答案: B,C,D
解析:
z-index必须结合position属性才生效

以下对position的描述正确的是

A
此属性规定元素的定位方式

B
此属性规定元素背景图片的位置

C
此属性规定只能块状元素才能使用

D
绝对定位会让元素脱离文档流

正确答案: A,D
解析:
绝对定位的元素脱离文档流

网页宽高自适应的优点有哪些

A
程序员修改代码灵活

B
能够使网页显示更灵活

C
可以适应在不同设备、不同窗口和不同分辨率下正常显示

D
太麻烦,不建议使用宽高自适应。

正确答案: A,B,C
解析:
ABC

如何让元素高度自适应?(父元素的高度由内容撑开)

A
给元素设置height:100%

B
给元素设置height:auto

C
高度不写

D
给元素设置height:content;

正确答案: B,C
解析:
height:auto或者高度不写,父元素的高度由内容撑开

以下选项中,可以解决高度塌陷的是?

A
给浮动元素的父元素添加声明overflow:hidden

B
在浮动元素下方添加空div,并给该元素添加声明:clear:both;height:0;overflow:hidden;

C
:after{content:".";clear:both;display:block;height:0; overflow:hidden;visibility:hidden;}

D
给浮动元素设置清除浮动,添加声明clear:both

正确答案: A,B,C
解析:
D答案错误,应该是给最后一个浮动元素后面添加声明clear:both

给元素设置透明度,可以用哪些方法设置,下面那个是正确的?(背景透明和元素透明都算)

A
opacity:100;

B
opacity:0.5;

C
background:rgba(255,255,255,0.5);

D
background:rgba(255,255,255,100);

正确答案: B,C
解析:
opacity的取值为0-1,background:rgba(255,255,255,0.5);rgba透明度取值为0-1,属性之间;隔开

以下对锚点的描述正确的是

A
锚点只能在当前页面跳转

B
实现点击a标签时在同一页面的不同位置进行跳转

C
语法是a标签的href属性的属性值为#锚点名,实现a标签和目标元素的连接

D
锚点名的定义是:

正确答案: B,C
解析:
锚点

以下哪些属性,可以让元素不论本身是什么元素类型,设置之后都会产生块级框(块级框就是元素可以设置宽高)

A
display:block

B
position:fixed

C
float:left

D
position:absolute

正确答案: A,B,C,D
解析:
例如span默认不可以设置宽高,一旦浮动或者使用绝对定位和固定定位,就可以设置了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值