扫描下方二维码关注公众号：

关闭

×

作业论文指导

扫码关注
作业论文指导，轻松解决学习难题!

超星学习通WEB前端设计作业答案 (3)

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

答案: 请关注公众号【九八五题库】查看答案

问题 8: 4. 实现下拉框中多选的属性是（ ）

选项:

• A. pattern

• B. maxlength

• C. multiple

• D. autofocus

答案: 请关注公众号【九八五题库】查看答案

问题 9: 1. 不是HTML5的新增的特性是（ ）

选项:

• A. 新增了很多语义化标签

• B. 新增了音频和视频

• C. 新增了本地存储

• D. 新增伪类

答案: 请关注公众号【九八五题库】查看答案

问题 10: 2. 下列选项中，用于嵌套在< video>中，指定不同文件路径的标签是（ ）

选项:

• A. < src>

• B. < sources>

• C. < srcs>

• D. < source>

答案: 请关注公众号【九八五题库】查看答案

问题 11: 3. 下列选项中，关于Audio对象的描述，错误的是（ ）

选项:

• A. Audio对象中width和height属性可以用来设置宽高

• B. Audio对象中paused用来设置或返回音频是否暂停

• C. Audio对象中muted用来设置或返回是否关闭声音

• D. Audio对象中volume用来设置或返回音频的音量

答案: 请关注公众号【九八五题库】查看答案

问题 12: 4. < source>标签对于音频文件同样适用，需要把video改成audio。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 13: 5. < video>标签和< audio>标签均支持循环播放的功能。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 14: 1. CSS3中什么属性设置文字修饰符的是（ ）

选项:

• A. text-transform

• B. text-align

• C. text-indent

• D. text-decoration

答案: 请关注公众号【九八五题库】查看答案

问题 15: 2. 每段文字都需要首行缩进两个字的距离，该设置什么属性（ ）

选项:

• A. text-transform

• B. text-align

• C. text-indent

• D. text-decoration

答案: 请关注公众号【九八五题库】查看答案

问题 16: 3. CSS的引入方式不可以是（ ）

选项:

• A. 嵌入式

• B. 外联式

• C. 接入式

• D. 行内式

答案: 请关注公众号【九八五题库】查看答案

问题 17: 4. CSS3中什么属性设置文字对齐方式（ ）

选项:

• A. text-transform

• B. text-align

• C. text-indent

• D. text-decoration

答案: 请关注公众号【九八五题库】查看答案

问题 18: 5. CSS中设置阻止换行的属性是white-space:nowrap。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 19: 6. CSS中设置字符间距的是word-spacing。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 20: 1. 背景图像平铺默认值是（ ）

选项:

• A. repeat-x

• B. repeat-y

• C. no-repeat

• D. repeat

答案: 请关注公众号【九八五题库】查看答案

问题 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;

答案: 请关注公众号【九八五题库】查看答案

问题 22: 3. 在CSS中，下列设置背景颜色为黑色的代码错误的是（ ）

选项:

• A. background:RGB(0,0,0);

• B. background:#FFFFFF;

• C. background-color:#000;

• D. background-color:black;

答案: 请关注公众号【九八五题库】查看答案

问题 23: 4. div的背景图片不能随网页滚动（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 24: 1. 下列元素中属于行内元素的是（ ）

选项:

• A. span标签

• B. li标签

• C. div标签

• D. p标签

答案: 请关注公众号【九八五题库】查看答案

问题 25: 2. 以下是行内元素的是（ ）

选项:

• A. div标签

• B. input标签

• C. ul标签

• D. p标签

答案: 请关注公众号【九八五题库】查看答案

问题 26: 3. 以下选项中属于块级元素的是（ ）

选项:

• A. p标签

• B. a标签

• C. span标签

• D. strong标签

答案: 请关注公众号【九八五题库】查看答案

问题 27: 1. link标签哪个属性可以设置链接路？（ ）

选项:

• A. href

• B. src

• C. value

• D. type

答案: 请关注公众号【九八五题库】查看答案

问题 28: 2. 当超链接的target属性值与iframe的属性值相同时，可以实现点击超链接，在iframe中打开超链接的页面?（ ）

选项:

• A. id

• B. target

• C. name

• D. src

答案: 请关注公众号【九八五题库】查看答案

问题 29: 3. 想要用户在点击超链接时，弹出一个新的网页窗口，代码是（ ）

选项:

• A. 新闻

• B. 新闻

• C. 新闻

• D. 新闻

答案: 请关注公众号【九八五题库】查看答案

问题 30: 4. a标签哪个属性可以设置超链接？（ ）

选项:

• A. href

• B. src

• C. value

• D. type

答案: 请关注公众号【九八五题库】查看答案

问题 31: 1. 给input控件应用以下CSS样式：
“background:url(images/1.jpg) no-repeat 5px center #FFF;”
上述代码的含义是（ ）。

选项:

• A. 定义input控件的背景

• B. 定义input控件的文本颜色

• C. 定义input控件的内边距

• D. 定义input控件的文本宽高

答案: 请关注公众号【九八五题库】查看答案

问题 32: 2. 下列选项中，能够设置表单背景颜色的属性是（ ）

选项:

• A. size

• B. padding

• C. background-color

• D. border

答案: 请关注公众号【九八五题库】查看答案

问题 33: 3. 在定义单选按钮时，必须为同一组中的选项指定相同的name值，这样“单选”才会生效。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 34: 4. 当input控件的type属性值为submit时，即定义了一个提交按钮。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 35: 5. 表单域相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过它定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 36: 6. post为默认值，这种方式提交的数据将显示在浏览器的地址栏中，保密性差，且有数据量的限制。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 37: 1. 以下不是float属性的是（ ）

选项:

• A. left

• B. right

• C. none

• D. all

答案: 请关注公众号【九八五题库】查看答案

问题 38: 2. 以下选项中推荐使用清除浮动的方法是（ ）

选项:

• A. 设置padding值

• B. after伪类选择器

• C. clear属性

• D. overflow属性

答案: 请关注公众号【九八五题库】查看答案

问题 39: 3. 下列属于浮动元素特征的是（ ）

选项:

• A. 浮动元素会被自动地设置为行内元素显示

• B. 浮动元素在垂直方向上它与未被定义为浮动时的位置一样

• C. 浮动元素在水平方向上，它将最大程度地靠近其父级元素中间

• D. 浮动元素有可能会脱离包含元素之外

答案: 请关注公众号【九八五题库】查看答案

问题 40: 4. 以下选项中不能实现清除浮动的是（ ）

选项:

• A. 设置padding值

• B. after伪类选择器

• C. clear属性

• D. overflow属性

答案: 请关注公众号【九八五题库】查看答案

问题 41: 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}

答案: 请关注公众号【九八五题库】查看答案

问题 42: 6. 关于float描述错误的是（ ）

选项:

• A. float:center

• B. float:right

• C. float:left

• D. float:none

答案: 请关注公众号【九八五题库】查看答案

问题 43: 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;

答案: 请关注公众号【九八五题库】查看答案

问题 44: 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

答案: 请关注公众号【九八五题库】查看答案

问题 45: 3. 在开发过程中，图片下面有1像素的小间隙，如何去除（ ）

选项:

• A. 给图片设置font-size:0;

• B. 给图片设置display:block;

• C. 给图片设置border:0;

• D. 给图片设置border:none;

答案: 请关注公众号【九八五题库】查看答案

问题 46: 4. padding:10px;只设置上边填充为10像素，其它三边为零像素。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 47: 5. margin-top与padding-top对行内元素都起作用。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 48: 6. padding：10px;只设置上边填充10像素，其他三边为0像素。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 49: 1. 以下不是解决边距塌陷的方法是（ ）

选项:

• A. 设置边框

• B. 设置padding

• C. 设置margin

• D. 设置overflow的相应属性

答案: 请关注公众号【九八五题库】查看答案

问题 50: 2. 关于外边距的合并问题，下列说法正确的是（ ）

选项:

• A. 外边距合并是所有浏览器的一个共同特性

• B. 外边距合并上下左右边距都会有问题

• C. 外边距合并只限于嵌套关系的盒子

• D. 外边距合并不可以用overflow属性去解决

答案: 请关注公众号【九八五题库】查看答案

问题 51: 3. 高度塌陷的产生原因 父元素在文档流中的高度默认是子元素撑开的,当子元素脱离文档流之后,将无法撑起父元素的高度,也就会造成父元素的高度塌陷。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 52: 4. 在塌陷的父元素的最后添加一个空白的div,然后对该div进行清除浮动clear: both / left / right，可以消除塌陷。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 53: 1. 不属于overflow属性的是（ ）

选项:

• A. static

• B. auto

• C. scroll

• D. visible

答案: 请关注公众号【九八五题库】查看答案

问题 54: 2. 文字溢出显示省略号不必需拥有那些属性（ ）

选项:

• A. overflow: hidden;

• B. white-space: nowrap;

• C. text-overflow: ellipsis;

• D. margin:500px;

答案: 请关注公众号【九八五题库】查看答案

问题 55: 3. overflow属性主要设置的是内容溢出隐藏。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 56: 4. text-overflow: ellipsis;可以控制文字溢出显示省略号。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 57: 1. 在HTML中, 通常要通过css属性中()定义元素的定位方式。（ ）

选项:

• A. list-style

• B. position

• C. z-index

• D. float

答案: 请关注公众号【九八五题库】查看答案

问题 58: 2. 以下关于position的值说法正确的是（ ）

选项:

• A. position:absolute是绝对定位，占据原有空间

• B. position:fixed是绝对定位，占据原有空间

• C. position:relative是相对定位，是相对于自身位置移动，但是不占据原有空间

• D. position:relative是相对定位，是相对于自身位置移动，但是占据原有空间

答案: 请关注公众号【九八五题库】查看答案

问题 59: 3. 以下选项中关于定位说法不正确的是（ ）

选项:

• A. 相对定位的元素依然占据原来的位置

• B. 相对定位的元素设置margin会生效

• C. 绝对定位的元素会脱离文档流

• D. 绝对定位的元素不会随着网页滚动

答案: 请关注公众号【九八五题库】查看答案

问题 60: 4. 固定定位的元素，不会跟着网页流动。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 61: 5. position允许用户精确定义元素框出现的相对位置。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 62: 1. 下列选项中，可以实现元素水平方向位移的是（ ）。

选项:

• A. translateX(x)

• B. translateY(x)

• C. translateZ(x)

• D. translate (x,y)

答案: 请关注公众号【九八五题库】查看答案

问题 63: 2. 使用下列哪项属性，可以对文字或图像进行旋转、缩放、倾斜和移动的变形处理（ ）

选项:

• A. text-algin 属性

• B. display 属性

• C. transform 属性

• D. font-adjust 属性

答案: 请关注公众号【九八五题库】查看答案

问题 64: 3. 要添加多个参数时要用空格隔开；多个样式的变换效果，添加的属性需要由逗号分隔。 （ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 65: 4. 元素的变形都有一个原点，元素围绕着这个点进行变形或者旋转，默认的起始位置是元素的中心位置。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 66: 1. 在 text-shadow 属性使用的参数中，第二个参数是指什么（ ）

选项:

• A. 阴影的模糊半径

• B. 阴影的颜色

• C. 阴影与文字的横向距离

• D. 阴影与文字的纵向距离

答案: 请关注公众号【九八五题库】查看答案

问题 67: 2. 下面哪个CSS属性可以设置盒子阴影?（ ）

选项:

• A. text-color

• B. text-shadow

• C. border-color

• D. box-shadow

答案: 请关注公众号【九八五题库】查看答案

问题 68: 3. 关于box-shadow说法正确的是（ ）

选项:

• A. 设置文字投影

• B. 第一个值是设置水平距离的

• C. 第二个值是设置水平距离的

• D. 第三个值是设置投影颜色的

答案: 请关注公众号【九八五题库】查看答案

问题 69: 4. 设置盒子圆角的属性是（ ）

选项:

• A. box-sizing

• B. box-shadow

• C. border-radius

• D. border

答案: 请关注公众号【九八五题库】查看答案

问题 70: 5. 下面哪个CSS属性可以设置盒子阴影?（ ）

选项:

• A. text-color

• B. text-shadow

• C. border-color

• D. box-shadow

答案: 请关注公众号【九八五题库】查看答案

问题 71: 1. 关于css书写规范说法正确的是（ ）

选项:

• A. 在需要写0.5的时候可以省略0，直接写.5

• B. margin后必须跟4个值

• C. z-index在任何情况下都可以使用

• D. 以上说法都不正确

答案: 请关注公众号【九八五题库】查看答案

问题 72: 2. 在HTML中,通常要通过定位，css属性中（ ）可以设置垂直叠放次序。

选项:

• A. list-style

• B. padding

• C. z-index

• D. float

答案: 请关注公众号【九八五题库】查看答案

问题 73: 3. 关于z-index下列说法错误的是（ ）

选项:

• A. z-index可以解决元素的覆盖问题，决定哪个元在上方，哪个在下方

• B. z-index的值可以是负值

• C. 对于同级元素， z-index大的元素会覆盖z-index小的元素

• D. z-index值越小，优先级越高越在上层

答案: 请关注公众号【九八五题库】查看答案

问题 74: 4. 用opacity设置透明度，仅影响所在元素，不影响子元素（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 75: 5. transition属性是一个复合属性，主要包括property、duration、timing-function和delay等参数。（ ）

选项:

答案: 请关注公众号【九八五题库】查看答案

问题 76: 1. 给div盒子设置鼠标经过变圆角的属性是（ ）。

选项:

• A. box-sizing

• B. box-shadow

• C. border-radius

• D. border

答案: 请关注公众号【九八五题库】查看答案

问题 77: 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}

答案: 请关注公众号【九八五题库】查看答案

问题 78: 3. 以下哪个不是border-style 设置边框样式的属性（ ）

选项:

• A. dotted

• B. dashed

• C. double

• D. 图片

答案: 请关注公众号【九八五题库】查看答案

问题 79: 4. 不是border-style的属性有（ ）

选项:

• A. none

• B. dashed

• C. doublue

• D. flue

答案: 请关注公众号【九八五题库】查看答案