Worksheets2023 上 1x 实操Final Test
Total questions: 34
Worksheet time: 9hrs 30mins
Name
Class
Date
1.
<!-- （1）空应当是？ -->
<(1) rel="stylesheet" href="./css/index.css">(a)
2.
<!-- 表格 -->
<(1) border="1">
<tr>
</tr>
</（1）>(a)
3.
<!-- 有序列表 -->
<(1)>
<li>项目一</li>
<li>项目二</li>
<li>项目三</li>
<li>项目四</li>
</(1)>(a)
4.
<head>
<!-- 网页字符集设置 -->
<(1) charset="utf-8">
<title>我的网页</title>
</head>
(a)
5.
<(1)>
body { margin: 0 auto; }
</(1)>
(a)
6.
div {
(8): 10px; /* 首行缩进10像素 */
}(a)
7.
div{
position: (1); /* 固定定位 */
}
(a)
8.
<a (1)="#title">锚点</a>(a)
9.
div {
(1): center; /* 文字内容居中显示 */
}(a)
10.
<!-- 主要内容部分 -->
<(1)></(1)>(a)
11.
<!-- 页头部分 -->
<(1)></(1)>(a)
12.
<img (1)="imgs/img.png" alt="image" />(a)
13.
<!-- 页脚部分 -->
<(1)>
<p>copyright 2023 company</p>
</(1)>(a)
14.
div {
(1): border-box; /* 修改盒模型计算方式 */
}(a)
15.
div{
display: (1); /* 弹性盒子布局 */
justify-content: space-between;
align-items: center;
}(a)
16.
div{
(1): cover; /* 设置背景尺寸 */
}(a)
17.
div{
(1): 0.5; /* 设置透明度 */
}(a)
18.
div {
(1): center; /* 文字居中显示 */
}(a)
19.
div {
(1): hidden; /* 超出部分隐藏 */
}(a)
20.
div {
display:flex;
(1): column; /* 修改弹性布局主轴为垂直方向 */
}(a)
21.
div {
(1): 10px; /* 设置圆角 */
}(a)
22.
<link (1)="stylesheet" href="./css/style.css">(a)
23.
<link rel="stylesheet" (1)="./css/style.css">(a)
24.
<!-- 无序列表 -->
<(1)>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</(1)>(a)
25.
div {
position: (1); /* 相对定位 */
}(a)
26.
div {
(1): -1; /* 元素的定位层级 */
}(a)
27.
<!-- 视频元素 -->
<(1) src="video/video.mp4" controls="controls" ></(1)>(a)
28.
<!-- 视频元素 (1)空为自动播放属性 -->
<video src="video/video.mp4" controls="controls" (1)></video>(a)
29.
<!-- 视频元素 (1)空为静音属性 -->
<video src="video/video.mp4" controls="controls" (1)></video>(a)
30.
<!-- 视频元素 (1)空为循环播放属性 -->
<video src="video/video.mp4" controls="controls" (1)></video>(a)
31.
// 创建一个定时器，每隔 100 毫秒执行一次
(1)(function() {
}, 100);(a)
32.
// jquery获取选中元素高度
$(".item").(1)();(a)
33.
// jquery设置元素动画
$(".item").(1)({
"top": "100px"
}, 1000);(a)
34.
// jquery在div之后添加一个span元素
$("div").(1)("<span>test</span>");(a)
100 %
