HTML5响应式网页设计-题库

第1题 【单选题】【2.00分】【概念理解】

关于块级元素描述错误的是()

A. 块级元素独占一行,在默认情况下,宽度自动填满父元素宽度

B. 块级元素宽度和高度可以控制

C. 块级元素的margin和padding横向设置有效,纵向设置不产生边距效果

D. 块级元素可以通过display: inline; 转换为行内元素


第2题 【单选题】【2.00分】【概念理解】

样式表定义.outer{background-color:yellow;} 表示()

A. 网页中某一个id为outer的元素的背景色是黄色的

B. 网页中含有class="outer"的元素的背景色是黄色的

C. 网页中元素名为outer元素的背景色是黄色的

D. 以上任意一个都可以


 第3题 【单选题】【2.00分】【概念理解】

在HTML网页中,若需要实现导航菜单, 可使用以下()块状结构来布局。

A. div-ul-li

B. div-dl-dt-dd

C. div-table-tr-td

D. div-form-table-tr-td


第4题 【单选题】【2.00分】【概念理解】

在HTML网页中,若需要实现图文混编的效果 ,可使用以下()块状结构来布局。

A. div-ul-li

B. div-dl-dt-dd

C. div-table-tr-td

D. div-form-table-tr-td


第5题 【单选题】【2.00分】【特性分析】

CSS3中关于渐变的说法错误的是()

A. CSS3径向渐变是圆形或椭圆形渐变

B. 径向渐变颜色不再沿着一条直线轴变化,而是从一个起点朝所有方向混合

C. 渐变中angle角度是指水平线和渐变线之间的角度,按顺时针方向计算

D. CSS3定义了两种类型的渐变:线性渐变和径向渐变


第6题 【单选题】【2.00分】【概念理解】

在HTML5中,有关关键帧属性的描述 ,错误的是()

A. animation-delay:指定动画开始之前的延迟时间

B. animation-direction:指定动画循环播放的时间是否反向播放过渡的持续时间

C. animation-name:指定动画名称

D. animation-duration:指定动画循环播放的时间是否反向播放过渡的持续时间


第7题 【单选题】【2.00分】【概念理解】

对于样式规则background:linear-gradient(to right,red 50%,green 50%);错误的是()

A. 背景是线性渐变

B. 线性渐变的颜色从红色过渡到绿色

C. 红色和绿色之间没有过渡

D. 红色和绿色各占50%


第8题 【单选题】【2.00分】【概念理解】

在HTML5中,关于dl-dt-dd的描述,错误的是()

A. dt和dd放于dl标签内

B. dd标签不可以出现多次

C. dt不能放入dd内,dd不能放入dt内

D. 标签dt与dd处于dl下相同级


第9题 【单选题】【2.00分】【概念理解】 设置文本阴影的是哪个属性()

A. border-shadow

B. box-shadow

C. text-shadow

D. 以上都不对


第10题 【单选题】【2.00分】【概念理解】 对于样式规则transition:all 3s ease-in 0

A. 3s表示过渡持续时间

B. ,0.5s指的是延迟时间

C. ,0.5s指的是过渡持续时间

D. all表示全部属性


第11题 【单选题】【2.00分】【概念理解】 CSS3中flex-wrap属性的默认值是()

A. NOWRAP

B. none

C. warp

D. wrap-reverse


第12题 【单选题】【2.00分】【概念理解】 设置边框阴影的是哪个属性()

A. border-shadow

B. box-shadow

C. text-shadow

D. 以上都不对


第13题 【单选题】【2.00分】【概念理解】 对于border-image的理解,说法错误的是()

A. border-image是css3的新特性

B. border-image需要指定素材的路径

C. border-image用来用素材图片填充边框

D. 背景图填充方式的默认值是repeat


第14题 【单选题】【2.00分】【概念理解】 对于样式规则border-radius:10px 20px ;理解正确的是()

A. 左上和左下角度都是10px,右上和右下角度都是20px

B. 左上和右下角度都是10px,右上和左下角度都是20px

C. 左上和右上角度都是10px,右下和左下角度都是20px

D. 左上和右下角度都是20px,右上和左下角度都是10px


第15题 【单选题】【2.00分】【概念理解】 下列关于视口的属性描述错误的是()

A. width:设置layout viewport的宽度只能是一个正整数

B. height:设置layout viewport的高度为一个正整数或字符串“heightdevice”

C. userscalable:是否允许用户进行缩放,值为“no”或“yes”。no代表不允许 ,yes代表允许

D. initial-scale:设置页面的初始缩放值为一个数字,可以带小数


第16题 【单选题】【2.00分】【概念理解】 对于背景样式相关属性,描述错误的是()

A. background-origin的默认值是border-box

B. background-clip的默认值是border-box

C. background-position 属性相对于什么位置来定位

D. background-clip属性规定背景的绘制区域


第17题 【单选题】【2.00分】【概念理解】 在CSS3 中新增的box-shadow属性说法错误的是() A. box-shadow属性用于给元素块添加周边阴影效果

B. x-offset:阴影水平偏移量,其值只能正值

C. y-offset:阴影垂直偏移量,其值也可以是正负值

D. 阴影模糊半径值越大阴影的边缘就越模糊


第18题 【单选题】【2.00分】【概念理解】 行内标签可以将display属性设置为(),更改为块状标签

A. block

B. inline

C. none

D. black


第19题 【单选题】【2.00分】【概念理解】 HTML5不支持的视频格式是()。

A. ogg

B. mp4

C. flv

D. WebM


第20题 【单选题】【2.00分】【概念理解】 对于样式规则box-shadow:2px 4px 10px 15px #00F;理解错误的是()

A. 效果是外阴影

B. 水平方向的偏移量是2px

C. 模糊半径是10px

D. 颜色是红色


第21题 【单选题】【2.00分】【概念理解】 如何将块级元素转换成行级元素()

A. display:none

B. display:block

C. display:flex

D. display:inline


第22题 【单选题】【2.00分】【概念理解】 对于样式规则 background: radial-gradient(red,green,blue);理解正确的是()

A. 背景是不重复的线性渐变

B. 背景是重复的径向渐变

C. 背景颜色从红色过渡到绿色再过渡到蓝色

D. 背景色在红色,绿色和蓝色三者之间重复的过渡


第23题 【单选题】【2.00分】【概念理解】

在 HTML5 中,哪个元素用于对表单中的元素进行分组()


第24题 【单选题】【2.00分】【概念理解】

对于样式规则box-shadow:inset 0px 0px 10px 15px red;理解错误的是()

A. 效果是外阴影

B. 水平和垂直方向偏移量都是0px

C. 模糊半径是10px

D. 颜色是红色


第25题 【单选题】【2.00分】【概念理解】

在css3中实现多列布局用于设置列的数量的属性是()

A. columns

B. column-gap

C. column-count

D. column-fill


第26题 【单选题】【2.00分】【概念理解】

CSS3中flex-direction属性的默认值是()

A. none

B. row

C. column

D. initial




第29题 【单选题】【2.00分】【特性分析】

在网页中经常需要将网页内容居中显示,可使用以下样式代码()完成。

A. align:center

B. margin:0 auto

C. padding:0 auto

D. valign:center


第30题 【单选题】【2.00分】【概念理解】

关于缩放,描述错误的是()

A. scaleX:指定在水平方向上的缩放量

B. scaleY:指定在垂直方向上的所放量

C. scaleX(-1.0)表示元素绕X轴翻个面

D. 缩放的参数不能取负值


第31题 【单选题】【2.00分】【概念理解】

对于线性渐变的描述,错误的是()

A. 线性渐变沿着一个方向渐变

B. 方向top等价于0deg

C. 方向bottom等价于180deg

D. 方向left等价于90deg


第32题 【单选题】【2.00分】【特性分析】

对于样式规则border-radius:10px 20px 5px;理解正确的是()

A. 左上角度是10px,右上和左下角度都是20px, 右下角度是5px

B. 左上和右下角度是10px,左下角度是20px, 右上角度是5px

C. 左上角度是10px,右上和右下角度都是是20px, 左下角度是5px

D. 右上角度是10px,右下和左上角度都是是20px, 左下角度是5px


第33题 【单选题】【2.00分】【概念理解】

在HTML5网页中,实现多累布局时,()可设置多列之间的分割列的样式。

A. column-rule

B. columns

C. column-gap

D. column-width


第34题 【单选题】【2.00分】【概念理解】

下列哪个CSS属性可以更改字体大小()

A. text-size

B. text-style

C. font-style

D. font-size


第35题 【单选题】【2.00分】【特性分析】

有关css3动画描述有误的是()

A. CSS3动画本质上是增强的过渡

B. CSS3动画基于关键帧

C. 使用 @keyframes 规则创建一个动画,用于定义应用动画的属性

D. 可以通过设置过渡持续时间的方式来替代关键帧动画


第36题 【单选题】【2.00分】【概念理解】

一般网站开发的基本流程包括内容分析、结构设计、原型设计、方案设计、()、 视觉设计和交互设计七个步骤。

A. 图片设计

B. 布局设计

C. 图片裁剪

D. 结构调整


第37题 【单选题】【2.00分】【概念理解】

关于选择器下列说法错误的是()

A. div p{} 选择元素内部的所有元素

B. div>p{}选择元素内部的所有元素

C. *{}选择所有元素

D. div,p{} 选择所有元素和所有元素


第38题 【单选题】【2.00分】【特性分析】

下面哪个方法可以去掉文本超链接的下划线()

A. a{text-decoration:no underline;}

B. a{underline:none;}

C. a{text-decoration:none;}

D. a{decoration:no underline;}


第39题 【单选题】【2.00分】【概念理解】

网页设计的步骤一般分为三个阶段,分别是:页面结构、页面布局样式和()

A. 设计效果图

B. 切图

C. 页面美化样式

D. 修改网页结构


第40题 【单选题】【2.00分】【概念理解】

关于过渡相关属性,描述错误的是()

A. transition-delay指定过渡开始之前的延迟时间

B. transition-duration指定过渡的持续时间

C. transition-peorterty指定应用过渡的属性

D. transition-delay指定过渡的持续时间


第41题 【单选题】【2.00分】【特性分析】

媒体查询时需要设置设备名参数,下列()不是设备名参数关键字。

A. all

B. print

C. screen

D. resolution


第42题 【单选题】【2.00分】【概念理解】

在CSS3 中新增的box-shadow属性用于给元素块添加()效果的

A. 图片边框

B. 渐变背景

C. 圆角

D. 阴影


第43题 【单选题】【2.00分】【概念理解】

在页面加载时,可以使用()标签设置浏览器的视口的宽度

A. head

B. meta

C. viewport

D. device-width


第44题 【单选题】【2.00分】【特性分析】

H7 响应式布局中,视口的相关属性设置, maximum-scale 属性的作用是

A. 设置页面的初 始缩放值为一个数字, 可以带小数

B. 允许用户的最小 缩放值为一个数字, 可以带小数

C. 允许用户的最大 缩放值为一个数字, 可以带小数

D. 是否允许用户进行缩放, 值为“no”或“yes”


第45题 【单选题】【2.00分】【概念理解】

媒体查询语法中, 可用设备名参数表示“文档打印或预览”的是

A. print

B. projection

C. screen

D. speech


第46题 【单选题】【2.00分】【特性分析】

媒体查询语法中, 可用设备名参数“projection”表示的是()

A. 演讲

B. 固定字母间距的网格媒体, 比如电传打印机

C. 项目演示, 比如幻灯片

D. 彩色电脑屏幕


第47题 【单选题】【2.00分】【概念理解】

媒体查询语法中,可用设备名参数“tv” 表示的是()

A. 盲文

B. 手持设备

C. 电视

D. 所有设备


第48题 【单选题】【2.00分】【特性分析】

弹性布局中,属性“align-items”的 意思是()

A. 主轴对齐

B. 侧轴对齐

C. 弹性模型 对象的子元素 出现的順序

D. 项目的长度


第49题 【单选题】【2.00分】【概念理解】

CSS3中新出现的多列布局是传统块状布局 模式的有力扩充,使用 columncount 属性的意义是()。

A. 指定列数

B. 指定内容在列与列之间的分布方式

C. 指定列之间的距离

D. 指定元素横向能跨多少列


第50题 【单选题】【2.00分】【特性分析】

CSS3中新出现的多列布局是传统块状布局模式的有力扩充,要设置列之间的宽度 ,可以使用的属性是()。

A. column-rule-width

B. column-width

C. column-count

D. width


第51题 【单选题】【2.00分】【特性分析】

关于旋转和倾斜,描述错误的是()

A. rotate(45deg)表示顺时针旋转45度

B. rotate(-45deg)表示逆时针旋转45度

C. skewX(20deg)表示水平倾斜20度

D. skew(40deg,20deg)表示垂直倾斜40度,水平倾斜20度


第52题 【单选题】【2.00分】【概念理解】

对于样式规则background-position: 0px 100px;理解错误的是()

A. 0px可以用单词left替换

B. 0px可以用0%替换

C. 100px可以用100%替换

D. 背景图片在垂直方向的偏移量是100px


第53题 【单选题】【2.00分】【特性分析】

对于径向渐变的描述,错误的是()

A. 径向渐变为某个点为中心,然后向四面八方渐变

B. 默认效果为 ellipse

C. 默认效果为 circle

D. closest-side表示最近边


第54题 【单选题】【2.00分】【概念理解】

关于HTML5说法正确的是()

A. HTML5只是对HTML4的一个简单升级

B. 所有主流浏览器都支持HTML5

C. HTML5新增了离线缓存机制

D. HTML5主要是针对移动端进行了优化


第55题 【单选题】【2.00分】【特性分析】

关于flex属性说法错误的是

A. flex属性用于设置或检索弹性盒模型对象的子元素如何分配空间

B. flex属性是flex-grow,flex-shrink和flex-basis属性的简写属性

C. 其默认值是 0 1 auto

D. 只要是块级元素,都可以设置其flex实现空间的弹性分配


第56题 【单选题】【2.00分】【概念理解】

在标准文档流中,块级元素默认的排列顺序是(),行内元素默认的排列顺序是( )。

A. 从上到下,从上到下

B. 从上到下,从左到右

C. 从左到右,从上到下

D. 从左到右,从左到右


第57题 【单选题】【2.00分】【概念理解】

哪个属性是CSS用来改变背景色的

A. background-color

B. bgcolor

C. color

D. background-image


第58题 【单选题】【2.00分】【特性分析】

在Css3中,以下()不属于justify-content属性的可设置值。

A. flex-start(默认值):左对齐

B. space-around

C. center

D. column-reverse


第59题 【单选题】【2.00分】【概念理解】

哪个属性用来表示线性渐变()

 A. radial-gradient

B. radial

C. linear-gradient

D. linear


第60题 【单选题】【2.00分】【概念理解】

在HTML5中,有关变换的说法错误的是

A. 变换是使元素改变形状、尺寸和位置的一种效果

B. CSS3中的变换主要通过transform属性和transform-origin属性实现

C. CSS3 缩放变换包含 scale(X,Y)和scaleX(n) 2个方法

D. translate属性用于指定在水平和垂直两个方向上平移元素



第62题 【单选题】【2.00分】【特性分析】

在HTML5中,border-radius属性可以用来设置( )网页效果

A. 给HTML元素添加阴影

B. 给HTML元素添加圆角

C. 设置HTML元素边框为虚线

D. 设置HTML元素边框为波浪线



第64题 【单选题】【2.00分】【特性分析】 关于弹性布局下列说法错误的是

A. Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性

B. justify-content属性定义了项目在侧轴上的对齐方式

C. flex-direction属性决定主轴的方向

D. flex-wrap属性默认情况下,项目都排在一条线(又称”轴线”)上


第65题 【单选题】【2.00分】【概念理解】

对于border-image的填充方式的用法,说法错误的是()

A. stretch指定用拉伸方式来填充边框背景图

B. repeat指定用平铺方式来填充边框背景图,当图片碰到边界时,如果超过则被 截断

C. round指定用平铺方式来填充边框背景图,图片会根据边框的尺寸动态调整 图片的大小直至正好可以铺满整个边框

D. space和repeat的效果相同


第66题 【单选题】【2.00分】【结果判断】 图文混编场合一般应用()块级标签

A. div-ul(ol)-li

B. div-dl-dt-dd

C. div-table-tr-td

D. div-form-table-tr-td


第67题 【单选题】【2.00分】【特性分析】

下列那项技术可以用于帮助网页设计时使页面具有统一、专业的外观()

A. HTML

B. DHTML

C. CSS

D. URL


第68题 【单选题】【2.00分】【特性分析】

使用link元素调用CSS的语法中,以下哪个属性是用来指定CSS文件的路径的

A. url

B. src

C. href

D. 以上都不对



第70题 【单选题】【2.00分】【特性分析】

下列选项中,用于设置首行文本缩进的属性是()

A. text-overflow

B. white-space

C. text-shadow

D. text-indent


第71题 【单选题】【2.00分】【结果判断】

下列选项中,用来表示通配符选择器的符号是()

A. “*”号

B. “#”号

C. “,”号

D. “:”号


第72题 【单选题】【2.00分】【特性分析】

当图像不能显示时,可以用下列哪个属性设置替换文本()。

A. face

B. title

C. alt

D. font


第73题 【单选题】【2.00分】【概念理解】

下面的选项中,属于网页上常用图片格式的是()。

A. GIF格式

B. PSD格式

C. PNG格式

D. JPG格式





第77题 【单选题】【2.00分】【结果判断】

在HTML中,使用标签插入图像,下列选项关于的src属性说法正 确的是( )。

A. 用来设置图片文件的格式

B. 用来设置图片文件所在的位置

C. 用来设置鼠标指向图片时显示的文字

D. 用来设置图片周围显示的文字





第81题 【单选题】【2.00分】【结果判断】 图象标记的哪个属性是用来设置图像路径的?( )

A. src

B. align

C. alt

D. title





第85题 【单选题】【2.00分】【特性分析】

在HTML网页中,用来定义有序列表的标签是( )

A. dl

B. ul

C. ol







第91题 【单选题】【2.00分】【特性分析】 下列哪项不是HTML5的新特性

A. 合理性

B. 安全性

C. 兼容性

D. 有插件


第92题 【单选题】【2.00分】【结果判断】 audio元素中src属性的作用是

 A. 提供播放、暂停和音量控制

B. 循环播放

C. 指定播放音频的存储路径

D. 插入一段替换内容


第93题 【单选题】【2.00分】【特性分析】

以下哪种不是HTML5中input标签的输入类型

A. type='email'

B. type='url'

C. type='number'

D. type='radio'


第94题 【单选题】【2.00分】【特性分析】

下列不属于CSS选择器的是

A. 属性选择器

B. 伪类选择器

C. 兄弟选择器

D. 否定选择器


第95题 【单选题】【2.00分】【结果判断】

box-shadow用来设置?

A. 盒子的边框

B. 盒子的背景

C. 盒子的阴影效果

D. 圆角边框


第96题 【单选题】【2.00分】【概念理解】

在HTML5中,哪个属性用来规定所输入的字段是必填的?

A. required

B. formvalidate

C. validate

D. placeholder


第97题 【单选题】【2.00分】【概念理解】

哪项用来定义input的滑块控件?

A. search

B. controls

C. slider

D. range


第98题 【单选题】【2.00分】【特性分析】

在css3中,用()来定义元素的过渡属性?

A. transition

B. transform

C. animation

D. keyframes


第99题 【单选题】【2.00分】【概念理解】

在css3中,用()规则来创建动画?

A. keyframes

B. animation

C. transform

D. transition


第100题 【单选题】【2.00分】【特性分析】

在HTML文档中,引入外部样式表正确的是?

A. 文档的末尾

B.<head>部分

C. 文档的顶部

D.部分


  • 25
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

孤城浪子@

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值