HTML5错题

第一周

1.在HTML中,关于CSS样式的说法错误的是（A）

A  css样式无法实现页面的精确控制

B  每条样式声明使用分号(;)隔开

C  css样式实现了内容与表现的分离,利于团队开发

D  css中属性和属性值用冒号连接

解析：css可以实现精确的设置

2.阅读下列关于表单内容的HTML代码,其中有几处错误（c）

<from action="post" method="test.html"> 

    用户名<input type="text" name="uname" /> 

    密码<input type="password" name="pwd" /> 

    <input type="submit" />

</form>

A  1

B  2

C  3

D  4

解析:<from action="post" method="test.html">from改成form, method中放的是传输方式，action中放的是地址

3.以下css属性设置语法正确的有:(ABD)

A  text-indent:-999px;

B  margin-left:-10px;

C  padding-left:-10px;

D  width:100%;

解析:text-indent,margin的属性允许属性值为负数，padding的属性值不可以为负数，width可以写百分比

4.下列设置边框线border的属性有(ABD)

A  border-style

B  border-width

C  border-size

D  border-color

解析: border为复合属性，由border-width,border-style,border-color组成

5.下列权重值大于50的有(AD)

A  内联样式表

B  标记选择器

C  class选择器

D  id选择器

解析:A 内联样式 权重为1000 D id选择器 权重为100

6.下列css选择器的优先级正确的有(AD)

A  id:0100

B  class:0001

C  标记选择器:0010

D  class:0010

7.以下哪些元素默认会自带边框(AB)

A  hr

B  textarea

C  td

D  table

解析:hr为水平线，textarea为文本域

8.下列哪些标签能够实现加粗效果(ABC)

A  b标签

B  strong标签

C  h标签

D  i标签

第二周

1.关于表格的数据行分组标签,说法正确的是 ( A  )

A  <thead><tbody><tfoot>分别表示页眉,数据主体,页脚.

B  <thead><tbody><tfoot>不利于表格的整体样式,不建议设置.

C  <thead>和<tfoot>可以多次重复使用.

D  <thead><tbody><tfoot>可以代替tr标签

解析:<thead><tbody><tfoot>分别表示页眉，数据主体，页脚，  这3组标签包含td或者th

2.以下各选项描述正确的是(D )

A  标题标签、段落标签、<span>标签都是块级元素

B  <div>&hellip; &hellip;</div>标签是内联元素

C  <div>标签可以包含于<p>标签中

D  display属性可以控制块级元素和内联元素的显示方式

解析:div是块元素  span是行内元素、p标签只能包行内元素和行内块元素

3.可以解决图片底部间隙的问题的方法正确的是(D)

A  display:inline-block

B  margin:0;

C  padding:0;

D  display:block;

 解析:题目问的是图片撑大3像素的兼容问题，解决方法有2个，1是给img设置display：block；或者vertical-align：top;

4.下列哪个属性不属于CSS文本属性?(D)

A  font-size

B  text-decoration

C  text-align

D  margin

解析:问的是CSS文本属性，重点在文本，margin不属于文本

5.隐藏元素的方法有(BC)

A  overflow:hidden;

B  display:none;

C  visibility:hidden;

D  display:hidden;

解析:overflow:hidden;不是隐藏元素而是隐藏元素溢出的部分

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

A  给元素设置height:100%

B  给元素设置height:auto

C  高度不写

D  给元素设置height:content;

解析:height:auto或者高度不写，父元素的高度由内容撑开

7.以下选项中,可以解决高度塌陷的是?(ABC)

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

解析:D答案错误，应该是给最后一个浮动元素后面添加声明clear:both

8.下面选项中对置换元素描述正确的是(就是行内块元素标签)(AC)

A  元素本身拥有固有尺寸,宽度,高度或宽高比

B  都带有边框

C  置换元素可以设置盒模型的属性

D  置换元素不能设置宽高.

9.以下描述正确的是(ABCD)

A  元素类型分为两种分别是:行内元素,块状元素

B  li标签display的默认属性值是list-item.

C  display:none会设置内容隐藏.

D  display属性可以设置元素类型转换.

10.以下选项中display的属性值为inline-block的标签有哪些(ABCD)

A  img

B  input

C  textarea文本域

D  select下拉列表

解析:问的是行内块元素都有谁，ABCD

11.以下哪些元素是非置换元素(CD)

A  input

B img

C  div

D  span

 

12.能给具有position属性的元素形成参照物的条件(ABC)

A  position:relative

B  postion:absolute

C  position:fixed

D  position:static

解析:position:static属于默认定位方式，静态定位

第三周

1.CSS3中rem单位是根据(B )的font-size来定义大小的

A  body

B  html

C  父元素

D  绝对大小

2.CSS3结构性伪类选择器选择其父元素的首个子元素(A)

A  X:first-child

B  X:nth-last-child(1)

C  X:only-child

D  X:nth-child(1)

3.HTML5新增表单属性(D)

A  type="text"

B  type="submit"

C  type="file"

D  type="email"

4.下面关于动画和过渡的区别描述正确的是(B)

A  动画需要鼠标触发

B  过渡不能循环执行

C 过渡不需要鼠标触发

D  动画不能循环执行

5.以下可以实现让整个当前元素在页面中不显示的css声明有哪些(ABD)

A  opacity:0;

B  transform:scale(0);

C  overflow:hidden;

D  visibility:hidden;

6.以下可以将图片设置为圆形的有(AB)

A  border-radius:50%

B  border-radius:100%;

C  border-radius:0;

D  border-radius:none;

解析:border-radius 设置半径    50%   100%都能设置为正圆

7.当给父元素设置了display:flex;后,子元素的哪些属性会失效(ABC)

A  float

B  clear

C  vertical-align

D  text-align

8.input哪种类型可以定义滑块控件(D)

A  search

B  controls

C  slider

D  range

9.CSS3有哪些新特性(ABCD)

A  border-radius

B  box-shadow

C  text-shadow

D  transform

10.以下哪些设置可以去掉边框(AC)

A  border:0

B  border:no;

C  border:none

D  border:hidden;

11.css3背景属性background-size的哪个值既不会被裁切也不会变形(B)

A  cover

B  contain

C  100% auto

D  100% 100%

12.以下哪些是H5能支持的视频文件格式(ABC)

A  webm

B  ogg

C  MPEG4

D  avi

13.关于BFC的规则的说法正确的是(AB)

A  子元素不会影响到外面的元素

B  BFC计算高度时,浮动元素也参与计算

C  BFC的区域与浮动区域重合

D  以上说法都对

14.关于按钮的高度说法正确的是(A)

A  按钮的高度包含了border和padding

B  按钮的height指的是内容的高度

C  按钮的实际高度是所有的margin和padding及border之和

D  按钮的实际高度是margin+width

15.以下选项中的伪元素选择符有(BD)

A  :active

B  ::after

C  :visited

D  ::before

16.以下不是伪元素选择符的选项是(BCD)

A  ::after

B  :hover

C  :focus

D  :link