中国大学moocweb前端设计辅导资料

1144766066

Web前端设计
学校: 无
问题 1: 1. 以下哪些不是块标签的是（ ）
选项:
•
A. span
•
B. p
•
C. div
•
D. ul
答案: span
问题 2: 2. 在开发过程中，图片下面有1像素的小间隙，如何去除（ ）
选项:
•
A. 给图片设置font-size:0;
•
B. 给图片设置display:block;
•
C. 给图片设置border:0;
•
D. 给图片设置border:none;
答案: 给图片设置display:block;
问题 3: 3. 有关行内块元素说法不正确的是（ ）
选项:
•
A. 行内块元素和其他元素可在一行显示
•
B. 行内块元素对宽和高，边距生效
•
C. 行内块元素间默认有间距
•
D. 行内块浮动之后，宽高可能失效
答案: 行内块浮动之后，宽高可能失效
问题 4: 4. 下列属于内联元素的是（ ）
选项:
•
A. div
•
B. a
•
C. p
•
D. table
答案: a
问题 5: 1. 提交按钮上显示的文字是由按钮的哪个属性决定的？（ ）
选项:
•
A. type
•
B. size
•
C. value
•
D. 都错误
答案: value
问题 6: 2. input标签的值是用哪个属性来描述的？（ ）
选项:
•
A. type
•
B. disabled
•
C. id
•
D. value
答案: type
问题 7: 3. 在表单中，实现输入的数字只显示小圆点的type类型是（ ）
选项:
•
A. text
•
B. password
•
C. radio
•
D. checkbox
答案: 请关注ybaotk.com搜题查看答案
问题 8: 4. 实现下拉框中多选的属性是（ ）
选项:
•
A. pattern
•
B. maxlength
•
C. multiple
•
D. autofocus
答案: 请关注ybaotk.com搜题查看答案
问题 9: 1. 不是HTML5的新增的特性是（ ）
选项:
•
A. 新增了很多语义化标签
•
B. 新增了音频和视频
•
C. 新增了本地存储
•
D. 新增伪类
答案: 请关注ybaotk.com搜题查看答案
问题 10: 2. 下列选项中，用于嵌套在< video>中，指定不同文件路径的标签是（ ）
选项:
•
A. < src>
•
B. < sources>
•
C. < srcs>
•
D. < source>
答案: 请关注ybaotk.com搜题查看答案
问题 11: 3. 下列选项中，关于Audio对象的描述，错误的是（ ）
选项:
•
A. Audio对象中width和height属性可以用来设置宽高
•
B. Audio对象中paused用来设置或返回音频是否暂停
•
C. Audio对象中muted用来设置或返回是否关闭声音
•
D. Audio对象中volume用来设置或返回音频的音量
答案: 请关注ybaotk.com搜题查看答案
问题 12: 4. < source>标签对于音频文件同样适用，需要把video改成audio。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 13: 5. < video>标签和< audio>标签均支持循环播放的功能。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 14: 1. CSS3中什么属性设置文字修饰符的是（ ）
选项:
•
A. text-transform
•
B. text-align
•
C. text-indent
•
D. text-decoration
答案: 请关注ybaotk.com搜题查看答案
问题 15: 2. 每段文字都需要首行缩进两个字的距离，该设置什么属性（ ）
选项:
•
A. text-transform
•
B. text-align
•
C. text-indent
•
D. text-decoration
答案: 请关注ybaotk.com搜题查看答案
问题 16: 3. CSS的引入方式不可以是（ ）
选项:
•
A. 嵌入式
•
B. 外联式
•
C. 接入式
•
D. 行内式
答案: 请关注ybaotk.com搜题查看答案
问题 17: 4. CSS3中什么属性设置文字对齐方式（ ）
选项:
•
A. text-transform
•
B. text-align
•
C. text-indent
•
D. text-decoration
答案: 请关注ybaotk.com搜题查看答案
问题 18: 5. CSS中设置阻止换行的属性是white-space:nowrap。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 19: 6. CSS中设置字符间距的是word-spacing。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 20: 1. 背景图像平铺默认值是（ ）
选项:
•
A. repeat-x
•
B. repeat-y
•
C. no-repeat
•
D. repeat
答案: 请关注ybaotk.com搜题查看答案
问题 21: 2. 设置背景颜色为green,背景图片垂直居中显示，背景图片充满整个区域，但是背景图片不能变形,图片只出现一次，以下书写正确的是（ ）
选项:
•
A. background:url(../img/img1.jpg) no-repeat center/cover green;
•
B. background:url(../img/img1.jpg) repeat center/cover green;
•
C. url(../img/img1.jpg) no-repeat center/100% green;
•
D. url(../img/img1.jpg) no-repeat center/100% 100% green;
答案: 请关注ybaotk.com搜题查看答案
问题 22: 3. 在CSS中，下列设置背景颜色为黑色的代码错误的是（ ）
选项:
•
A. background:RGB(0,0,0);
•
B. background:

1144766066

FFFFFF;
•
C. background-color:

1144766066

000;
•
D. background-color:black;
答案: 请关注ybaotk.com搜题查看答案
问题 23: 4. div的背景图片不能随网页滚动（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 24: 1. 下列元素中属于行内元素的是（ ）
选项:
•
A. span标签
•
B. li标签
•
C. div标签
•
D. p标签
答案: 请关注ybaotk.com搜题查看答案
问题 25: 2. 以下是行内元素的是（ ）
选项:
•
A. div标签
•
B. input标签
•
C. ul标签
•
D. p标签
答案: 请关注ybaotk.com搜题查看答案
问题 26: 3. 以下选项中属于块级元素的是（ ）
选项:
•
A. p标签
•
B. a标签
•
C. span标签
•
D. strong标签
答案: 请关注ybaotk.com搜题查看答案
问题 27: 1. link标签哪个属性可以设置链接路？（ ）
选项:
•
A. href
•
B. src
•
C. value
•
D. type
答案: 请关注ybaotk.com搜题查看答案
问题 28: 2. 当超链接的target属性值与iframe的属性值相同时，可以实现点击超链接，在iframe中打开超链接的页面?（ ）
选项:
•
A. id
•
B. target
•
C. name
•
D. src
答案: 请关注ybaotk.com搜题查看答案
问题 29: 3. 想要用户在点击超链接时，弹出一个新的网页窗口，代码是（ ）
选项:
•
A. 新闻
•
B. 新闻
•
C. 新闻
•
D. 新闻
答案: 请关注ybaotk.com搜题查看答案
问题 30: 4. a标签哪个属性可以设置超链接？（ ）
选项:
•
A. href
•
B. src
•
C. value
•
D. type
答案: 请关注ybaotk.com搜题查看答案
问题 31: 1. 给input控件应用以下CSS样式：
“background:url(images/1.jpg) no-repeat 5px center

1144766066

FFF;”
上述代码的含义是（  ）。
选项:
•
A. 定义input控件的背景
•
B. 定义input控件的文本颜色
•
C. 定义input控件的内边距
•
D. 定义input控件的文本宽高
答案: 请关注ybaotk.com搜题查看答案
问题 32: 2. 下列选项中，能够设置表单背景颜色的属性是（  ）
选项:
•
A. size
•
B. padding
•
C. background-color
•
D. border
答案: 请关注ybaotk.com搜题查看答案
问题 33: 3. 在定义单选按钮时，必须为同一组中的选项指定相同的name值，这样“单选”才会生效。（  ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 34: 4. 当input控件的type属性值为submit时，即定义了一个提交按钮。（   ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 35: 5. 表单域相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过它定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 36: 6. post为默认值，这种方式提交的数据将显示在浏览器的地址栏中，保密性差，且有数据量的限制。（   ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 37: 7. 下列选项中，用来定义多行文本框的是（  ）
选项:
•
A.
•
B.
•
C.
•
D.
答案: 请关注ybaotk.com搜题查看答案
问题 38: 1. 以下不是float属性的是（ ）
选项:
•
A. left
•
B. right
•
C. none
•
D. all
答案: 请关注ybaotk.com搜题查看答案
问题 39: 2. 以下选项中推荐使用清除浮动的方法是（ ）
选项:
•
A. 设置padding值
•
B. after伪类选择器
•
C. clear属性
•
D. overflow属性
答案: 请关注ybaotk.com搜题查看答案
问题 40: 3. 下列属于浮动元素特征的是（ ）
选项:
•
A. 浮动元素会被自动地设置为行内元素显示
•
B. 浮动元素在垂直方向上它与未被定义为浮动时的位置一样
•
C. 浮动元素在水平方向上，它将最大程度地靠近其父级元素中间
•
D. 浮动元素有可能会脱离包含元素之外
答案: 请关注ybaotk.com搜题查看答案
问题 41: 4. 以下选项中不能实现清除浮动的是（ ）
选项:
•
A. 设置padding值
•
B. after伪类选择器
•
C. clear属性
•
D. overflow属性
答案: 请关注ybaotk.com搜题查看答案
问题 42: 5. 如何清除ul的浮动？（ ）
选项:
•
A. ul li:last-child{clear:both}
•
B. ul:after{content:;clear:both;display:block}
•
C. ul{clear:both}
•
D. ul:before{content:;clear:both;display:block}
答案: 请关注ybaotk.com搜题查看答案
问题 43: 6. 关于float描述错误的是（ ）
选项:
•
A. float:center
•
B. float:right
•
C. float:left
•
D. float:none
答案: 请关注ybaotk.com搜题查看答案
问题 44: 1. 设置一个div元素的外边距为上:20px,下:30px,左:40px,右:50px，下列书写正确的是（ ）
选项:
•
A. padding:20px 30px 40px 50px;
•
B. padding:20px 50px 30px 40px;
•
C. margin:20px 30px 40px 50px;
•
D. margin:20px 50px 30px 40px;
答案: 请关注ybaotk.com搜题查看答案
问题 45: 2. 关于边距的设置说法正确的是（ ）
选项:
•
A. margin:0 是设置内边距上下左右都为0；
•
B. margin:20px 50px;是设置外边距左右为20px,上下为50px;
•
C. margin:10px 20px 30px;是设置内边距上为10px，下为20px; 左为30px;
•
D. margin:10px 20px 30px 40px;是设置外边距上为10px，右为20px，下为30px,左为40px
答案: 请关注ybaotk.com搜题查看答案
问题 46: 3. 在开发过程中，图片下面有1像素的小间隙，如何去除（ ）
选项:
•
A. 给图片设置font-size:0;
•
B. 给图片设置display:block;
•
C. 给图片设置border:0;
•
D. 给图片设置border:none;
答案: 请关注ybaotk.com搜题查看答案
问题 47: 4. padding:10px;只设置上边填充为10像素，其它三边为零像素。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 48: 5. margin-top与padding-top对行内元素都起作用。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 49: 6. padding：10px;只设置上边填充10像素，其他三边为0像素。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 50: 1. 以下不是解决边距塌陷的方法是（ ）
选项:
•
A. 设置边框
•
B. 设置padding
•
C. 设置margin
•
D. 设置overflow的相应属性
答案: 请关注ybaotk.com搜题查看答案
问题 51: 2. 关于外边距的合并问题，下列说法正确的是（ ）
选项:
•
A. 外边距合并是所有浏览器的一个共同特性
•
B. 外边距合并上下左右边距都会有问题
•
C. 外边距合并只限于嵌套关系的盒子
•
D. 外边距合并不可以用overflow属性去解决
答案: 请关注ybaotk.com搜题查看答案
问题 52: 3. 高度塌陷的产生原因 父元素在文档流中的高度默认是子元素撑开的,当子元素脱离文档流之后,将无法撑起父元素的高度,也就会造成父元素的高度塌陷。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 53: 4. 在塌陷的父元素的最后添加一个空白的div,然后对该div进行清除浮动clear: both / left / right，可以消除塌陷。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 54: 1. 不属于overflow属性的是（ ）
选项:
•
A. static
•
B. auto
•
C. scroll
•
D. visible
答案: 请关注ybaotk.com搜题查看答案
问题 55: 2. 文字溢出显示省略号不必需拥有那些属性（ ）
选项:
•
A. overflow: hidden;
•
B. white-space: nowrap;
•
C. text-overflow: ellipsis;
•
D. margin:500px;
答案: 请关注ybaotk.com搜题查看答案
问题 56: 3. overflow属性主要设置的是内容溢出隐藏。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 57: 4. text-overflow: ellipsis;可以控制文字溢出显示省略号。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 58: 1. 在HTML中, 通常要通过css属性中()定义元素的定位方式。（ ）
选项:
•
A. list-style
•
B. position
•
C. z-index
•
D. float
答案: 请关注ybaotk.com搜题查看答案
问题 59: 2. 以下关于position的值说法正确的是（ ）
选项:
•
A. position:absolute是绝对定位，占据原有空间
•
B. position:fixed是绝对定位，占据原有空间
•
C. position:relative是相对定位，是相对于自身位置移动，但是不占据原有空间
•
D. position:relative是相对定位，是相对于自身位置移动，但是占据原有空间
答案: 请关注ybaotk.com搜题查看答案
问题 60: 3. 以下选项中关于定位说法不正确的是（ ）
选项:
•
A. 相对定位的元素依然占据原来的位置
•
B. 相对定位的元素设置margin会生效
•
C. 绝对定位的元素会脱离文档流
•
D. 绝对定位的元素不会随着网页滚动
答案: 请关注ybaotk.com搜题查看答案
问题 61: 4. 固定定位的元素，不会跟着网页流动。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 62: 5. position允许用户精确定义元素框出现的相对位置。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 63: 1. 下列选项中，可以实现元素水平方向位移的是（ ）。
选项:
•
A. translateX(x)
•
B. translateY(x)
•
C. translateZ(x)
•
D. translate (x,y)
答案: 请关注ybaotk.com搜题查看答案
问题 64: 2. 使用下列哪项属性，可以对文字或图像进行旋转、缩放、倾斜和移动的变形处理（ ）
选项:
•
A. text-algin 属性
•
B. display 属性
•
C. transform 属性
•
D. font-adjust 属性
答案: 请关注ybaotk.com搜题查看答案
问题 65: 3. 要添加多个参数时要用空格隔开；多个样式的变换效果，添加的属性需要由逗号分隔。 （ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 66: 4. 元素的变形都有一个原点，元素围绕着这个点进行变形或者旋转，默认的起始位置是元素的中心位置。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 67: 5. 在timing-function中，表示以相同速度开始至结束的过渡效果（等于cubic-bezier(0,0,1,1)）的是（ ）。
选项:
•
A. ease-out
•
B. ease-in
•
C. ease
•
D. linear
答案: 请关注ybaotk.com搜题查看答案
问题 68: 1. 在 text-shadow 属性使用的参数中，第二个参数是指什么（ ）
选项:
•
A. 阴影的模糊半径
•
B. 阴影的颜色
•
C. 阴影与文字的横向距离
•
D. 阴影与文字的纵向距离
答案: 请关注ybaotk.com搜题查看答案
问题 69: 2. 下面哪个CSS属性可以设置盒子阴影?（ ）
选项:
•
A. text-color
•
B. text-shadow
•
C. border-color
•
D. box-shadow
答案: 请关注ybaotk.com搜题查看答案
问题 70: 3. 关于box-shadow说法正确的是（ ）
选项:
•
A. 设置文字投影
•
B. 第一个值是设置水平距离的
•
C. 第二个值是设置水平距离的
•
D. 第三个值是设置投影颜色的
答案: 请关注ybaotk.com搜题查看答案
问题 71: 4. 设置盒子圆角的属性是（ ）
选项:
•
A. box-sizing
•
B. box-shadow
•
C. border-radius
•
D. border
答案: 请关注ybaotk.com搜题查看答案
问题 72: 5. 下面哪个CSS属性可以设置盒子阴影?（ ）
选项:
•
A. text-color
•
B. text-shadow
•
C. border-color
•
D. box-shadow
答案: 请关注ybaotk.com搜题查看答案
问题 73: 1. 关于css书写规范说法正确的是（ ）
选项:
•
A. 在需要写0.5的时候可以省略0，直接写.5
•
B. margin后必须跟4个值
•
C. z-index在任何情况下都可以使用
•
D. 以上说法都不正确
答案: 请关注ybaotk.com搜题查看答案
问题 74: 2. 在HTML中,通常要通过定位，css属性中（ ）可以设置垂直叠放次序。
选项:
•
A. list-style
•
B. padding
•
C. z-index
•
D. float
答案: 请关注ybaotk.com搜题查看答案
问题 75: 3. 关于z-index下列说法错误的是（ ）
选项:
•
A. z-index可以解决元素的覆盖问题，决定哪个元在上方，哪个在下方
•
B. z-index的值可以是负值
•
C. 对于同级元素， z-index大的元素会覆盖z-index小的元素
•
D. z-index值越小，优先级越高越在上层
答案: 请关注ybaotk.com搜题查看答案
问题 76: 4. 用opacity设置透明度，仅影响所在元素，不影响子元素（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 77: 5. transition属性是一个复合属性，主要包括property、duration、timing-function和delay等参数。（ ）
选项:
答案: 请关注ybaotk.com搜题查看答案
问题 78: 6. 有关z-index属性的叙述正确的一项是（ ）。
选项:
•
A. 此属性必须与position属性一起使用才能起作用，此时position取任何值都可以
•
B. 此值越大，层的顺序越往下
•
C. 一般后添加的元素，其z-index值越大
•
D. 即使上面的层没有任何内容也会挡住下面的层，使下面的层显示不出来
答案: 请关注ybaotk.com搜题查看答案
问题 79: 1. 给div盒子设置鼠标经过变圆角的属性是（ ）。
选项:
•
A. box-sizing
•
B. box-shadow
•
C. border-radius
•
D. border
答案: 请关注ybaotk.com搜题查看答案
问题 80: 2. 让一个类名为“con”元素的右上角和左下角显示10px的圆角，以下书写正确的是（ ）
选项:
•
A. .con{border-radius:10px 0}
•
B. .con{border-radius:0 10px 0 10px}
•
C. .con{border-radius:10px 10px 0 0}
•
D. .con{border-radius:0px 0px 10px 10px}
答案: 请关注ybaotk.com搜题查看答案
问题 81: 3. 以下哪个不是border-style 设置边框样式的属性（ ）
选项:
•
A. dotted
•
B. dashed
•
C. double
•
D. 图片
答案: 请关注ybaotk.com搜题查看答案
问题 82: 4. 不是border-style的属性有（ ）
选项:
•
A. none
•
B. dashed
•
C. doublue
•
D. flue
答案: 请关注ybaotk.com搜题查看答案
问题 83: 1. 在animation中,规定动画完成一个周期所花费时间规定动画完成一个周期所花费时间的是( )。
选项:
•
A. animation-delay
•
B. animation-iteration-count
•
C. animation-name
•
D. animation-duration
答案: 请关注ybaotk.com搜题查看答案
问题 84: 2. 下列选项中,可以实现元素动画效果的是( )。
选项:
•
A. animation
•
B. rotate
•
C. skew
•
D. scale
答案: 请关注ybaotk.com搜题查看答案
问题 85: 3. 关于下面过渡动画说法错误的是div{ transition:all 2s linear 1s; }。( )
选项:
•
A. 该动画对div的所有属性都起作用
•
B. 动画持续时间是2秒
•
C. 动画持续时间是1秒
•
D. 动画匀速播放
答案: 请关注ybaotk.com搜题查看答案
问题 86: 4. 一个完整的CSS animations由两部分构成:一组定义的动画关键帧和描述该动画的CSS声明。 ( )
选项:
答案: 请关注ybaotk.com搜题查看答案