admin 管理员组文章数量: 1184232
2023年12月18日发(作者：处理及编译阴影)
[Web前端技术教学]《基于Web标准的网页设计与制作》试题及答案
一、单项选择:(每题1、5分,共69分)
1、html语言中,创建一个位于文档内部的锚点的语句就是:( )
A、
答案:C
2、html中的元素可分为块级(block)元素与行内(inline)元素,下列哪个元素就是块级元素:( )
A、
B、 C、 D、
答案:A
3、下列哪条html语句的写法符合XHTML规范:( )
A、
B、
C、
D、
答案:B
4、在编辑网页时,按“Ctrl+Shift+空格键”插入的HTML源代码为:( )
A、 B、 C、 &sbnp D、 &sbnp;
答案:B
5、
A、
B、 C、 D、答案:A
6、要在新窗口打开一个链接指向的网页需用到( )
A、 href＝“_blank”
B、 Name=“_blank”
C、 target＝“_blank”
D、 href＝“#blank”
答案:C
7、特殊符号©(版权符号)对应的源代码就是:( )
A、 Copy; B、 © C、 Copyright; D、答案:B
8、在网页中经常用的图像格式就是:( )
A、 gif, jpg与png
B、 gif, bmp与png
C、 bmp, jpg与png
D、 psd, gif与png
答案:A
9、关于JavaScript语言,下列说法中错误就是:( )
©right;
A、 JavaScript语言就是一种解释性语言
B、 JavaScript语言与操作环境无关
C、 JavaScript语言与客户端浏览器无关
D、 JavaScript就是动态的,它可以直接对用户输入做出响应
答案:C
10、如何能够定义列表的项目符号为实心矩形？( )
A、 list-type: square
B、 type: 2
C、 type: square
D、 list-style-type: square
答案:D
11、下列哪种CSS属性不能让页面在浏览器中居中显示(网页中所有可显示的元素都包含在一个id为container的div盒子内) ( )
A、 #container { margin: 0 auto ; width:780px;}
B、 #container { position: relative; width:780px;
left:50%; margin-left: -390px; }
C、 #container { margin: 0 auto ; width:85%; }
D、 #container { position: relative; width:780px;
right:50%; margin-left: 390px; }
答案:D
12、下列哪条CSS样式规则就是不正确的:( )
A、 img { float: left; margin: 20px; }
B、 img { float: right; width: 120px;height: 80px; }
C、 img { float: right; right: 30; }
D、 img { float: left; margin-bottom: 2em; }
答案:C
13、CSS就是利用什么XHTML标记构建网页布局？( )
A、
B、
C、
D、
答案:B
14、在CSS语言中下列哪一项的适用对象就是"所有对象"？( )
A、 背景附件
B、 文本排列
C、 纵向排列
D、 文本缩进
答案:A
15、下列选项中不属于CSS 文本属性的就是( )
A、 font-size
B、 text-transform
C、 text-align
D、 line-height
答案:D
16、在CSS 中不属于添加在当前页面的形式就是( )
A、 内联式样式表
B、 嵌入式样式表
C、 层叠式样式表
D、 链接式样式表
答案:D
17、在CSS语言中下列哪一项就是"列表样式图象"的语法？(
A、 width: <值>
B、 height: <值>
C、 white-space: <值>
D、 list-style-image: <值>
答案:D
18、下列哪一项就是CSS正确的语法构成？( )
A、 body:color=black
B、 {body;color:black}
C、 body {color: black;}
D、 {body:color=black(body}
答案:C
19、下面哪个CSS属性就是用来更改背景颜色的？( )
A、 background-color:
B、 bgcolor:
C、 color:
)
D、 text:
答案:A
20、怎样给所有的
标签添加背景颜色? ( )
A、 、h1 {background-color:#FFFFFF}
B、 h1 {background-color:#FFFFFF;}
C、 h1、all {background-color:#FFFFFF}
D、 #h1 {background-color:#FFFFFF}
答案:B
21、下列哪个CSS属性可以更改样式表的字体颜色？( )
A、 text-color=
B、 fgcolor:
C、 text-color:
D、 color:
答案:D
22、下列哪个CSS属性可以更改字体大小？( )
A、 text-size
B、 font-size
C、 text-style
D、 font-style
答案:B
23、下列哪段代码能够定义所有P标签内文字加粗？( )
A、
B、
C、 p {text-size:bold}
D、 p {font-weight:bold}
答案:D
24、如何去掉文本超级链接的下划线？( )
A、 a {text-decoration:no underline}
B、 a {underline:none}
C、 a {decoration:no underline}
D、 a {text-decoration:none}
答案:D
25、如何设置英文首字母大写？( )
A、 text-transform:uppercase
B、 text-transform:capitalize
C、 样式表做不到
D、 text-decoration:none
答案:B
26、下列哪个CSS属性能够更改文本字体？(
A、 f:
B、 font=
C、 font-family:
D、 text-decoration:none
答案:C
)
27、下列哪个CSS属性能够设置文本加粗？( )
A、 font-weight:bold
B、 style:bold
C、 font:b
D、 font=
答案:A
28、 CSS中,padding:10px 20px 30px 40px代表的填充值顺序分别就是:
A、 上、右、下、左
B、 上、下、左、右
C、 上、左、下、右
D、 左、右、上、下
答案:A
29、下列哪个属性能够设置盒模型的左侧外补丁？( )
A、 margin:
B、 indent:
C、 margin-left:
D、 text-indent:
答案:C
30、定义盒模型外补丁的时候就是否可以使用负值? ( )
A、 就是
B、 否
答案:A
31、常见的JavaScript框架有jQuery、Prototype、Moottools、ExtJS与Spry等。目前jQuery最受开发者追捧,Spry框架就是DW CS3中新增的功能。
A、 正确 B、 错误
答案:A
32、网页的本质就是( )文件。
A、图像
B、纯文本
C、可执行文件
D、图像与文本的压缩
答案:B
33、不就是动态网页的特点的一项就是:
A、动态网页可每次显示不同的内容
B、动态网页中含动画
C、动态网页中含有服务端代码
D、动态网页一般需要数据库支持
答案: B
34、CSS长度单位有绝对单位、相对单位与百分比。下列说法正确的就是:
A、 px指屏幕的像素,它就是相对单位
B、 pt指屏幕的像素,它就是相对单位
C、 pt指屏幕的像素,它就是绝对单位,屏幕上尺寸不随屏幕分辨率的改变而改变
D、 pt在印刷行业中常见,就是相对单位
答案: A
35、实现图文混排及首字下沉效果最好的技术方法就是:
A、浮动 B、相对定位 C、绝对定位 D、以上都对
答案: A
36、CSS长度单位有绝对单位、相对单位与百分比。下列说法正确的就是:
A、 px指屏幕的像素,它就是绝对单位、
B、 pt指屏幕的像素,它就是相对单位、
C、 pt指point,它就是绝对单位,打印出的尺寸不随屏幕分辨率的改变而改变、
D、 pt在印刷行业中常见,就是相对单位
答案: C
37、position默认值为static。表示:
A、 表示不使用定位属性定位
B、 表示以浏览器窗口为基准进行绝对定位
答案: A
38、关于CSS,正确的就是:
A、 边界margin值可为负,填充padding指不可为负
B、 对行内元素设置width或height值也就是起作用的
C、 使用CSS,只能使用
进行结构设计D、 margin可以单独设置背景颜色
答案: A
39、当两个块级元素的盒子上下排列时,它们之间的边界(margin)将发生合并,而左右排列时不会。
A、 正确 B、 错误
答案: A
40、JavaScript就是一种基于对象的语言,而不就是面向对象的语言。
A、 正确 B、 错误
答案: A
41、JavaScript就是事件驱动的语言。
A、 正确 B、 错误
答案: A
42、JavaScript变量名不能就是关键字或保留字,不区分大小写。
A、 正确 B、 错误
答案: B
43、document对象即属于BOM,又属于DOM。
A、 正确 B、 错误
答案: A
44、对DOM标准支持最好的浏览器就是IE。
A、 正确 B、 错误
答案: B
45、常用的HTML事件中,onBlur的描述就是:任何元素或窗口失去焦点时触发。
A、 正确 B、 错误
答案: A
46、可以使用DOM动态操作CSS属性。
A、 正确 B、 错误
答案:A
二、填空:(每空1分,共15分。)
1、 HTML代码中常见的单标记有( ) 与( )。
答案:
2、 ( )标记用来创建一个标有数字的列表; ( )标记用来创建一个标有黑点的列表,两种列表可以使用CSS属性list-style-type进行转换,( )标记用来创建一个列表项。
答案:
-
3、有一a元素结构为
a {
font-size:14px;
text-decoration:none; /* 1: */
background-image:url(xxwlzx/yuanjiao2、gif);
height:32px;
padding-left:24px;
display:block; /* 2: */
float:left; /*3: */
line-height:32px; /* 4: */
}
b {
background-image:url(xxwlzx/yuanjiao2、gif);
background-position:right top; /*5: */
display:block;
width:60px;
}
答案:
1:清除超链接的下划线
2:将a标记以块级元素显示
3:让a标记左浮动
4:将行高与高设为相同,实现盒子中的文字垂直居中
5:让背景图片从右下角开始显示
6、下列各项描述的定位方式就是什么?(填写static、relative、aboslute或fixed中的一项或多项)
1)元素在标准流中的位置会被保留。( )
2)能够通过z-index属性该表元素的层叠次序。( )
3)元素以它的包含框为定位基准。( )
4)元素相对于它原来的位置为定位基准。( )
5)元素在标准流中的位置会被其它元素占据。( )
答案:
1)元素在标准流中的位置会被保留。relative
2)能够通过z-index属性该表元素的层叠次序。aboslute relative fixed
3)元素以它的包含框为定位基准。aboslute
4)元素相对于它原来的位置为定位基准。relative
5)元素在标准流中的位置会被其它元素占据。aboslute fixed
三、问答题(共16分)
1、CSS中的选择器有很多种类型,写出下列选择器的类型与作用:(10分)
1)a:hover 2)a、hover 3)a:hover b 4)a、hover b
答:
1)a:hover就是伪类选择器,当鼠标悬浮在a标记上时应用该选择器定义的样式;
2)a、hover就是交集选择器,应用了、hover类选择器的a标记应用该样式;
3)a:hover b就是后代选择器,当鼠标悬浮在a标记上时,被a标记包含的b标记将应用该样式;
4)a、hover b就是后代选择器,应用了、hover类选择器的a标记里的b标记将应用该样式。
2、有些网页里超链接的下划线就是虚线,您认为这就是怎么实现的？(6分)
答:将该元素的CSS属性里的text-decoration: none;再将其border-bottom设为1象素,虚线、(或者用一张下面有虚线的图片作为该元素的盒子背景),
版权声明：本文标题：Web前端技术试题 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1702830832a432490.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
更多相关文章
Byrutor官网网页入口 - 全球BT资源聚合与磁力搜索平台
Byrutor是一家专注于BT资源分享与磁力链接索引的网站，致力于为全球用户提供快速、高效的资源检索体验。网站通过聚合多种资源站点与社区资源，形成一个涵盖影视、音乐、游戏、软件、纪录片等内容类型的
安卓内置浏览器不能在html5网页上下载APP软件
各位大侠，自己开发了一个安卓应用，使用了安卓内置浏览器，链接到一个提供下载APP软件的第三方html5网页，用手机操作却不能在该html5网页上下载任何
html网页实时在线聊天,基于webSocket的网页在线聊天
1、现在通过QQ、微信聊天已经非常普遍了，我们常用的网站中联系商家等也是链接到QQ中，一般不会自己去开发聊天模块，一来是因为浏览器权限有限，二来是安全性不高，开发一个完整系统的在线聊天难度系统也并不小。 但是也有些客户有这种网页单聊群聊的需
视频：使用chrome谷歌浏览器下载任意网页上的视频
1.先打开任意视频页面2.按F12或打开浏览器菜单按钮，找到开发者选项，选择“开发者工具”3.点击network，然后刷新页面，这时就可以看到审查元
谷歌浏览器怎么设置网页自动刷新
我们在使用谷歌浏览器的时候可以设置网页自动刷新功能进行网页浏览，但很多用户都不知道怎么设置这个功能，下面就是一键开启谷歌浏览器自动刷新功能步骤1、下载相关插件2、添加至扩展程序࿰
微信公众号网页开发调用扫一扫及苹果手机（iOS）无反应问题解决方案
二维码大家都很常见，使用场景也很多，但是日常使用中有两种场景比较常见。1、二维码背后的内容是一个网址，扫描后直接跳转到对应的网址，比如ÿ
网页上怎么打开iPhone手机上的备忘录 备忘录网页端打开方式
我经常使用iPhone的备忘录功能，随手记录生活中的点点滴滴，工作中的待办事项。然而，有时候，当我坐在电脑前，想要快速查看或编辑备
如果iPhone被标记被盗或丢失 苹果将拒绝维修
NEW关注Tech逆向思维视频号最新视频→【世界各国加班程度到底怎么样？】3月30日消息，苹果公司内部备忘录显示，如果iPhone等苹果设备在GSMA设备注册数据库中被标记为
iphone如何手动验证校园网（针对认证网页无法认证的学校）
iphone如何手动验证校园网（针对认证网页无法认证的学校）首先在apple store下载NAC client然后打开输入上面的服务器地址（先连接校园网࿰
当你电脑网络显示正常，但是网页却无法上网时，你应该..
第一步：打开控制面板中的网络和Internet第二步：打开网络和Internet中的管理浏览器加载项第三步：选择连接中的局域网设置第四步：把代理服务器的
Google浏览器打开时自动弹出2345网页
解决方案：https:jingyan.baiduarticlec33e3f48eda61bea14cbb559.html#5827690-tsina-1-92464-fe183374908e783f9dbfe7
Python—selenium控制本地浏览器并获取网页数据
目录 专栏导读 背景 主要靠这行代码： 使用步骤 视频展示 那么如何操控这个浏览器呢，代码如下： 测试进入百度 代码 注意！！ 视频展示 专栏导读
在微信的浏览器中显示网页不正常,vuejs不能显示
在微信中不行,在chrome中可以使用,我们需要想一想是不是版本不兼容,是否使用了最新的语法.es6语法是否被支持
一招搞定！利用闲置电脑打造专属家庭Wi-Fi网络
开启windows 7的隐藏功能：虚拟WiFi和SoftAP（即虚拟无线AP），就可以让变成无线路由器，实现共享上网，节省网费和路由器购买费。 1、以管理员身份运行命令提示符： 快捷键win+R→输入cmd→回车。
创建个性化的圆圈UI元素：深入解析Android中的View定制
package com.bawie.www.view;import android.content.Context;import android.graphics.Canvas;import android.graphics.Colo
Flash玩家必备：a标签与download元素，完美匹配制胜关键
download 属性是HTML5中新增的 <a> 标签属性。 注意:href属性的href 需要是 限于同源文件，如果引用的是第三方或是调用后台的
注意！危险信号来了——这个‘小黑点’可能在无声中干掉你的Adobe Flash Player
正序前一阵子QQ群里流行了一个东西，一段话加上一个黑点（表情），点击之后QQ就会卡死。当时只觉得很好玩，没多久就又见了一次。 既然又看到了就一定要好好看看了。 刚开始遇到这个时第一反应是曾经看过
困在CSDN的360浏览器用户必看：一招直达网页！
从百度或者csdn的搜索中打开，会发现打不开网页，以前也出现过，只是以为这篇文章被删了，昨天接连多个文章打不开，怀疑的浏览器的问题，复制网址到edge浏览器就打开了 刚刚又出现了，怀疑360会拦截某些内容 edge浏览
【C++STL基础入门】list的增、删_c++ list删除指定元素
前言 在C++中，STL（Standard Template Library）是一个功能强大且常用的程序库，它为我们提供了许多容器和算法，使得编写高效且可维护的代码变得更加容易。其中，list是STL中的一个双向链表容器，它可
发表评论