好文档 - 专业文书写作范文服务资料分享网站

(完整版)HTML5期末考试题型

天下 分享 时间: 加入收藏 我要投稿 点赞

E:hover 用户操作伪类选择器 设置元素在其鼠标悬停时的样式

E:active 用户操作伪类选择器 设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式

E:focus 用户操作伪类选择器 设置元素在成为输入焦点(该元素的 onfocus 事件发生)时的样式

E:lang() :lang()伪类选择器 匹配使用特殊语言的 E 元素

a.

结构性伪类选择器 选择符 版本 简介

E:root

CSS3

匹配 E 元素在文档的根元素。

E:first-child CSS2 匹配父元素的第一个子元素 E。 E:last-child

CSS3

匹配父元素的最后一个子元素 E。 E:only-child CSS3 匹配父元素仅有的一个子元素 E。 E:nth-child(n) CSS3

匹配父元素的第 n 个子元素 E。

E:nth-last-child(n) CSS3 匹配父元素的倒数第 n 个子元素 E。

E:first-of-type CSS3 匹配同类型中的第一个同级兄弟元素 E。E:last-of-type CSS3 匹配同类型中的最后一个同级兄弟元素 E。E:only-of-type CSS3 匹配同类型中的唯一的一个同级兄弟元素 E。

E:nth-of-type(n)

CSS3

匹配同类型中的第 n 个同级兄弟元素 E。

E:nth-last-of-type(n) CSS3

匹配同类型中的倒数第 n 个同级兄弟元素 E。

E:empty CSS3

匹配没有任何子元素(包括 text 节点)的元素 E。

b. UI 元素状态伪类选择器

选择符 版本 简介

E:checked

CSS3

匹配用户界面上处于选中状态的元素 E。(用于 input

radio 与 checkbox 时)

E:enabledCSS3

匹配用户界面上处于可用状态的元素 E。

E:disabled CSS3 匹配用户界面上处于禁用状态的元素 E。 E:read-only

CSS3

匹配用户界面上处于只读状态的元素 E E:read-write CSS3

匹配用户界面上处于读写状态的元素 E

type 为

3) 属性选择器

选择符 版本 E:checked

简介

匹配用户界面上处于选中状态的元素 E。(用于 input

type 为

CSS3

radio 与 checkbox 时)

E:enabledCSS3

匹配用户界面上处于可用状态的元素 E。

匹配用户界面上处于禁用状态的元素 E。 匹配用户界面上处于只读状态的元素 E 匹配用户界面上处于读写状态的元素 E

E:disabled E:read-only

CSS3 CSS3

E:read-write CSS3

4) 伪元素选择器

选择符 版本 E:checked

简介

匹配用户界面上处于选中状态的元素 E。(用于 input

type 为

CSS3

radio 与 checkbox 时)

E:enabledCSS3

匹配用户界面上处于可用状态的元素 E。

匹配用户界面上处于禁用状态的元素 E。 匹配用户界面上处于只读状态的元素 E 匹配用户界面上处于读写状态的元素 E

E:disabled E:read-only

CSS3 CSS3

E:read-write CSS3

13. HTML5 用什么标记播放音频?主要支持的音频格式有哪些?

答:标记:

答:标记:

答:HTML5 新增一种非常重要的功能是可以在客户端本地存数据的 Web Storage 功能。

其中 localStorage 持久化本地存储,类似于 Cookie,但没有有效期,除非主动删除数据。另一种 sessionStorage 用于本地存储一个会话中的数据,这些数据只在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁,类似于 session。

四.编程题

1. 编写一个 form 表单,实现一个学生信息输入。包含学号、姓名、性别、爱好、出生年月

等。(注意首行缩进) 答:

autocomplete

学号:

名字:

name=\

placeholder=\请输入用户名\

autocomplete=\

密码:

电话:

生日:

兴趣爱好:


颜色爱好:1

2

建议:

2. 绘制一个边框为蓝色粗细为 2 个像素,填充为红色,宽和高分别是 300,200 的矩形。

要写出 HTML5 代码和相应的 JavaScript 代码。 答:

画矩形

id=\height=500 width=500>您的浏览器不支持

canvas。

3. 写出实现下图所示表格的 HTML 代码。

? 表格的宽和高分别是 500,80。

? 第 1 列、第 2 列及第 3 列的比例为 1:3:1。

? 跨越竖直方向两行用 rowspan,跨越水平方向两列用 colspan。

答:

Mytable

单元格 1

单元格 2 单元格 3
单元格 4 单元格 5

单元格 6

(完整版)HTML5期末考试题型

E:hover用户操作伪类选择器设置元素在其鼠标悬停时的样式E:active用户操作伪类选择器设置元素在被用户激活(在鼠标点击与释放之间发生的事件)时的样式E:focus用户操作伪类选择器设置元素在成为输入焦点(该元素的onfocus事件发生)时的样式E:lang():lang()伪类选择器匹配使用
推荐度:
点击下载文档文档为doc格式
8fs8956n1y6d7jn4l8uv58u602x7bw012pd
领取福利

微信扫码领取福利

微信扫码分享