HTML5期末考试题型.docx - 冰豆网
HTML5期末考试题型.docx
- 文档编号:25235516
- 上传时间:2023-06-06
- 格式:DOCX
- 页数:20
- 大小:132.13KB
HTML5期末考试题型.docx
《HTML5期末考试题型.docx》由会员分享,可在线阅读,更多相关《HTML5期末考试题型.docx(20页珍藏版)》请在冰豆网上搜索。
HTML5期末考试题型
作业
一.单项选项题
1.以下哪个标记用来建立一个有序列表:
(C)
A.B.
2.在 HTML5 中,哪个元素用于组合标题元素?
(D)
A.
B.
C.
D.
3.HTML5 中不再支持下面哪个元素?
(D) PPT查看其他不再支持元素
A.
B.
C.
9.CSS中的padding、margin和float各表示什么属性中英文背
答:
分别表示:
内填充、外边距、浮动。
10.简单描述一下什么是css盒子模型
答:
CSS给HTML元素都赋予了内容(content)、内填充(padding)、边框(border)和
外边距(margin)属性,这些属性形成CSS盒模型。
整个盒模型在页面中所占的
宽度是由左边界+左边框+左填充+内容+右填充+右边框+右边界组成。
11.简述CSS3有哪些新特性?
-
HSL颜色表现方法。
1)八大属性:
圆角效果(border-radius)
多彩边框
阴影(box-shadow)
背景图片尺寸(background-size)
多列(column-count)
嵌入字体(@font-face)
透明度(opacity)
HSL和HSLA颜色表现方法
2)四大类(关系选择器、伪类选择器、属性选择器、伪元素选择器)
1 关系选择器
选择符
名称
版本
简介
E F
包含选择符
CSS1
选择所有被E元素包含的F元素。
E,F
分组选择器
CSS1
就可以把这几个相同设定的选择器合并在一起,中间用逗号隔开
E>F
子选择符
CSS2
选择所有作为E元素的子元素F。
E+F
相邻选择符
CSS2
选择紧贴在E元素之后F元素。
E~F
兄弟选择符
CSS3
选择E元素所有兄弟元素F。
2 伪类选择器
a.结构性伪类选择器
b.UI元素状态伪类选择器
3 属性选择器
4 伪元素选择器
3)CSS添加了三个动画效果属性(transform、taansition、animation)
1 transform字面上就是变形,改变的意思。
在CSS3中transform主要
包括以下几种:
旋转rotate、扭曲skew、缩放scale和移动translate以
及矩阵变形matrix。
2 Animation只应用在页面上已存在的DOM元素上,我们使用CSS3
的Animation制作动画我们可以省去复杂的js,jquery代码。
12.CSS3.0选择器都有哪些类型,并且分别说明其作用及举例语法格式在HTML标签中使用的方法。
1)元素选择器
选择符类型版本简介
*通配符选择器CSS2所有元素对象。
E标签(HTML)选择器CSS1以HTML标签作为选择符。
E#myidid选择器CSS1以唯一标识符id属性等于myid的E对象作为选择符。
E.myclassclass选择器CSS1以class属性包含myclass的E对象作为选择符。
2)关系选择器
选择符类型版本简介
E,F分组选择器CSS1就可以把这几个相同设定的选择器合并在一起,中间用逗号隔开
EF包含(后代)选择器CSS1选择所有被E元素包含的F元素
E>F子选择器CSS2选择所有作为E元素的子元素F
E+F相邻选择器CSS2选择紧贴在E元素之后F元素
E~F兄弟选择符CSS3选择E元素所有兄弟元素F
3)伪类选择器
伪类用于向某些选择器添加特殊的效果。
伪类对元素进行分类是基于特征而不是它们的名字、属性或者内容。
选择符类型简介
a:
link链接伪类选择器设置超链接a在未被访问前的样式
a:
visited链接伪类选择器设置超链接a在其链接地址已被访问过时的样式
E:
hover用户操作伪类选择器设置元素在其鼠标悬停时的样式
E:
active用户操作伪类选择器设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式
E:
focus用户操作伪类选择器设置元素在成为输入焦点(该元素的onfocus事件发生)时的样式
E:
lang():
lang()伪类选择器匹配使用特殊语言的E元素
a.结构性伪类选择器
选择符版本简介
E:
rootCSS3匹配E元素在文档的根元素。
E:
first-childCSS2匹配父元素的第一个子元素E。
E:
last-childCSS3匹配父元素的最后一个子元素E。
E:
only-childCSS3匹配父元素仅有的一个子元素E。
E:
nth-child(n)CSS3匹配父元素的第n个子元素E。
E:
nth-last-child(n)CSS3匹配父元素的倒数第n个子元素E。
E:
first-of-typeCSS3匹配同类型中的第一个同级兄弟元素E。
E:
last-of-typeCSS3匹配同类型中的最后一个同级兄弟元素E。
E:
only-of-typeCSS3匹配同类型中的唯一的一个同级兄弟元素E。
E:
nth-of-type(n)CSS3匹配同类型中的第n个同级兄弟元素E。
E:
nth-last-of-type(n)CSS3匹配同类型中的倒数第n个同级兄弟元素E。
E:
emptyCSS3匹配没有任何子元素(包括text节点)的元素E。
b.UI元素状态伪类选择器
选择符版本简介
E:
checkedCSS3匹配用户界面上处于选中状态的元素E。
(用于inputtype为radio与checkbox时)
E:
enabledCSS3匹配用户界面上处于可用状态的元素E。
E:
disabledCSS3匹配用户界面上处于禁用状态的元素E。
E:
read-onlyCSS3匹配用户界面上处于只读状态的元素E
E:
read-writeCSS3匹配用户界面上处于读写状态的元素E
3)属性选择器
选择符版本简介
E:
checkedCSS3匹配用户界面上处于选中状态的元素E。
(用于inputtype为radio与checkbox时)
E:
enabledCSS3匹配用户界面上处于可用状态的元素E。
E:
disabledCSS3匹配用户界面上处于禁用状态的元素E。
E:
read-onlyCSS3匹配用户界面上处于只读状态的元素E
E:
read-writeCSS3匹配用户界面上处于读写状态的元素E
4)伪元素选择器
选择符版本简介
E:
checkedCSS3匹配用户界面上处于选中状态的元素E。
(用于inputtype为radio与checkbox时)
E:
enabledCSS3匹配用户界面上处于可用状态的元素E。
E:
disabledCSS3匹配用户界面上处于禁用状态的元素E。
E:
read-onlyCSS3匹配用户界面上处于只读状态的元素E
E:
read-writeCSS3匹配用户界面上处于读写状态的元素E
13.HTML5用什么标记播放音频?
主要支持的音频格式有哪些?
答:
标记:
mov、mp4、wav。
14.HTML5用什么标记播放视频?
主要支持的视频格式有哪些?
答:
标记:
flv不支持)。
15.简述什么是HTML5的WebStorage功能?
包括哪些技术?
它们的区别是什么?
答:
HTML5新增一种非常重要的功能是可以在客户端本地存数据的WebStorage功能。
其中localStorage持久化本地存储,类似于Cookie,但没有有效期,除非主动删除
数据。
另一种sessionStorage用于本地存储一个会话中的数据,这些数据只在同一
个会话中的页面才能访问并且当会话结束后数据也随之销毁,类似于session。
四.编程题
1.编写一个form表单,实现一个学生信息输入。
包含学号、姓名、性别、爱好、出生年月等。
(注意首行缩进)
答:
doctypehtml>
autocomplete
学号:
名字:
密码:
性别:
男
女
电话:
邮箱:
生日:
兴趣爱好:
篮球
足球
舞蹈
看电影
颜色爱好:
1
2
3
建议:
请输入对本课程的建议
2.绘制一个边框为蓝色粗细为2个像素,填充为红色,宽和高分别是300,200的矩形。
要写出HTML5代码和相应的JavaScript代码。
答:
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
-
HTML5
期末考试
题型
冰豆网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。