html5字号最大的是ABCD,1+x 证书 Web 前端开发初级理论考试样题 (2019)

1+x 证书 Web 前端开发初级理论考试样题 (2019)

1+X 证书制度体现了职业教育作为一种类型教育的重要特征, 是落实立德树人根本任务, 完善职业教育和培训体系, 深化产教融合校企合作的一项重要制度设计.

ab7653affab982b574eb7acc55df2e04.gif

一, 单选题(每题 2 分, 共 60 分)

1, 在 html 中,() 用来表示特殊字符引号 (C)

A,®

B,©

C,"

D,

2, 下面关于文件路径的说法错误的是 (B)

A,"../" 是返回当前目录的上一级目录

B,"../" 是返回当前目录的下一级目录

C, 访问下一级目录直接输入相应的目录名即可

D, 文件路径指文件存储的位置

3, 下列选项中定义标题最合理的是 (C)

A, 文章标题

B,

文章标题

C,

标题

D,

文章标题

4, 关于样式的优先级说法正确的是 (C)

A, 内联样式>!important

B, 内部样式> 外部样式>!important

C,!important> 内联样式> 内部样式> 外部样式

D, 以上都不正确

5, 在 HTML 中, 下面 ( ) 不属于 HTML 文档的基本组成部分. (A)A,

B,

C,

D,

6, 在 HTML 中, 下列有关邮箱的链接书写正确的是 (D)

A,〈a href="telnet:zhangming@aptech.com"> 发送邮件

B,〈a href="mail:zhangming@aptech.com"> 发送邮件

C,〈a href="ftp:zhangming@aptech.com"> 发送邮件

D,〈a href="mailto:zhangming@aptech.com"> 发送邮件

7, 在 HTML5 中, 哪个属性用于规定输入字段是必填的? (B)A,readonly

B,required

C,validat

D,placeholder

8,HTML5 的正确 doctype 是 (A)

A,

B,

C,

D,

9, 以下说法不正确的是 (A)

A,HTML5 标准还在制定中

B,HTML5 兼容以前 HTML4 下浏览器

C, 标签替代 Flash

D, 简化的语法

10, 设定一个元素按规定的动画执行, 你需要运用什么规则?( B)A,animatio

B,keyframes

C,flash

D,transition

11, 每段文字都需要首行缩进两个字的距离, 该设置什么属性?(C)A,text-transform

B,text-align

C,text-indent

D,text-decoration

12, 关于 box-shadow 说法正确的是 (B)

A, 设置文字投影

B, 第一个值是设置水平距离的

C, 第二个值是设置水平距离的

D, 第三个值是设置投影颜色的

13, 设置盒子圆角的属性是 (C)A,box-sizing

B,box-shadow

C,border-radius

D,borde

14, 将 div 类名以'c' 开头元素添加文字为红色, 书写正确的是 (A)A,div[class^=c]{

color:red

}

B,div[class$=c]{

color:red

}

C,div[class=c]{

color:red

}

D,div[class*=c]{

color:red

}

15, 在 HTML 中, 通过 ( ) 可以实现鼠标悬停在 div 上时, 元素执行旋转 45 度效果 (A)A,div:hover{

transform:rotate(45deg)

}

B,div:hover{

transform:translate(50px)

}

C,div:hover{

transform:scale(1.5)

}

D,div:hover{

transform:skew(45deg)

};

16, 关于 flex 说法正确的是 (A)

A,flex 属性用于指定弹性子元素如何分配空间

B,flex:1 应该写在弹性元素上

C, 设置 flex:1 无意义

D,flex 是指设置固定定位

17, 让一个动画一直执行的属性是 (B)A,animation-direction

B,animation-iteration-count

C,animation-play-state

D,animation-delay

18, 以下不属于 background-clip 的值的是 (D)A,border-box

B,padding-box

C,content-box

D,none

19, 以下哪条语句会产生运行错误 (A)A,varobj=();

B,varobj={

};

C,varobj=[];

D,varobj=//;

20, 请选择结果为真的表达式 (C)A,nullinstanceofObject

B,null===undefined

C,null==undefined

D,NaN==NaN

21, 下面代码输出什么?(C)

ab7653affab982b574eb7acc55df2e04.gifA,16

B,10

C,12

D,6

22, 下列表达式成立的是 (D)A,parseInt(12.5)==parseFloat(12.5)

B,Number("123abc")==parseFloat("123abc")

C,isNaN("abc")==NaN

D,typeofNaN=="number"

23, 在 JavaScript 中, 执行下面的代码后, num 的值是 (C)

ab7653affab982b574eb7acc55df2e04.gifA,-1

B,0

C,4

D,13

24, 阅读下面的 JavaScript 代码, 输出结果是 (B)

ab7653affab982b574eb7acc55df2e04.gifA,01234

B,014916

C,01491625

D, 以上答案都不对

25, 在 Java script 中, 运行下面代码的结果是 (A)

ab7653affab982b574eb7acc55df2e04.gifA,undefined,18,19

B,17,18,19

C,5,18,19

D,undefined,18,18

26, 下面代码输出正确的是 (D)

ab7653affab982b574eb7acc55df2e04.gifA,3,3,3

B,3,3,NaN

C,3,NaN,NaN

D,other

27, 在以下选项中, 关于 JavaScript 的 Date 对象描述正确的是 (C)

A,getDay ( ) 方法能返回 Date 对象的一个月中的一天, 其值为 1~31

B,getDate ( ) 方法能返回 Date 对象的一周中的一天, 其值为 0~6

C,getTime () 方法能返回某一时刻 (1970 年 1 月 1 日) 依赖的毫秒数

D,getYear ( ) 方法只能返回 4 位年份, 长用于获取 Date 对象的年份

28, 以下关于 jQuery 节点的说法中错误是 (C)

A,jQuery 中用 $(".box").insertBefore (ele1,ele2) 给指定 ele2 前添加 ele1 元素

B,jQuery 中用 $(".box").append (ele) 给 box 类后添加 ele 元素

C,jQuery 中用 $(".box").appendTo (ele) 给 box 类后添加 ele 元素

D,jQuery 中用 $(".box").insertAfter (ele1,ele2) 给 ele2 后添加 ele1 元素

29, 在 jQuery 中, 下列关于事件的说法错误的是 (A)

A,jQuery 中用 onclick 绑定点击事件

B,jQuery 中用 on 来给未来元素绑定事件

C,jQuery 中用 hover 来绑定鼠标经过事件

D,jQuery 中存在冒泡事件, 故需要阻止冒泡

30, 在 jQuery 中, 能够操作 HTML 代码及其文本的方法是 (C)A,attr()

B,text()

C,HTML()

D,val()

二, 多选题(每题 2 分, 共 30 分)

1, 在 JavaScript 语法中, 下列说法正确的是 (AB)

A,parseInt (43.12) 返回值为 43

B,parseInt ('abc43.12') 返回值为 NaN

C,parseFloat ('43.13abc')==parseInt (43.12) 返回 true

D,isNaN (parseFloat ('45.13abc')) 返回 true

2, 下面哪些是 JavaScript 中 document 的方法? (ACDE)A,getElementById

B,getElementsById

C,getElementsByTagName

D,getElementsByName

E,getElementsByClassName

3, 关于 JavaScript 事件说法不正确的是 (BCD)

A, 事件由事件函数, 事件源, 事件对象组成

B, 当前事件作用在哪个标签上, 哪个标签就是事件源

C,onclick 就是一个事件对象

D, 图片切换使用 JavaScript 的 change 事件

4, 下列关于获取页面元素说法正确的是 (AC)

A,document.getElementById ('a') 是通过 id 值为 a 获取页面中的一个元素

B,document.getElementsByName ("na") 是通过 name 属性值为 na 获取页面中的一个元素

C,document.getElementsByTagName ("div") 是通过标签名获取所有 div;

D, 以上说法都不正确;

5, 下列选项中属于 jQuery 属性选择器的是 (AC)A,$("img[src$='.gif ']")

B,$("img")

C,$("class")

D,$("div>span")

6, 网页的

元素中包含以下 HTML 代码, 其中能弹出 "标题 1" 的 jQuery 代码是 (AB)

ab7653affab982b574eb7acc55df2e04.gifA,alert($('#top1').text());

B,alert($('[name=header1]').text());

C,alert($('[name='header1']').text());

D,alert($('#header1').text());

7, 以下 ( ) 是块级元素 (AD)A,div

B,img

C,input

D,p

8, 以下标签书写正确的是 (BCD)A,

B,

C,


D,

9, 嵌入在 HTML 文档中的图像格式可以是 (ACD)A,*.gif

B,*.tif

C,*.bmp

D,*.jpg

10, 请选出正确的选项(ABCD)

A, 属性要在开始标签中指定, 用来表示该标签的性质和特性

B, 通常都是以 "属性名 =" 值 "" 的形式来表示

C, 一个标签可以指定多个属性

D, 指定多个属性时不用区分顺序

11, 下面哪些是 HTML5 新增的表单元素? (AC)A,datalist

B,optgroup

C,output

D,legend

12, 关于 media 说法正确的是 (ABCD)

A,@media 查询, 你可以针对不同的媒体类型定义不同的样式

B,@media 可以设计响应式页面

C, 当你重置浏览器大小的过程中, 页面也会根据浏览器的宽度和高度重新渲染页面

D, 可以用 media 属性在 link 中使用

13, 文字溢出显示省略号应该拥有那些属性?(ABCD)A,overflow:hidden;

B,white-space:nowrap;

C,text-overflow:ellipsis;

D,width:500px

14, 关于语义化说法不正确的是 (ABC)

A, 语义化的 HTML 有利于机器的阅读

B,Table 属于过时的标签, 遇到数据列表时, 需尽量使用 div 来模拟表格

C, 语义化是 HTML5 带来的新概念, 此前版本的 HTML 无法做到语义化

D,Header,article,address 都属于语义化明确的标签

15,background-origin 的值有哪些?(BCD)A,none

B,border-box

C,content-box

D,padding-box

三, 判断题(每小题 2 分, 共 10 分)

1,H5 就是 HTML5 的简称. (*)

√ *

2,CSS Sprites 整理起来更为方便, 同一个按钮不同状态的图片也需要一个个切割出来并个别命名. (*)

√ *

3,slideUp () 方法通过高度变化 (向上减小) 来动态地隐藏所有匹配的元素. (√)

√ *

4, 在 jQuery 中 addClass () 可以增加多个样式, 各个样式间用: 隔开. (*)

√ *

5,padding:10px; 只设置上边填充为 10 像素, 其它三边为零像素. (*)

√ *

来源: http://www.css88.com/interview/14143.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面我来给你讲解一下如何用 HTML、CSS 和 JS 开发一个打地鼠小游戏。 首先,在 HTML 中创建游戏界面,可以使用以下代码: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>打地鼠小游戏</title> <style> .container { display: flex; flex-wrap: wrap; width: 400px; height: 400px; margin: auto; } .hole { width: 100px; height: 100px; background-color: #ccc; border: 1px solid #000; display: flex; align-items: center; justify-content: center; font-size: 30px; cursor: pointer; transition: background-color 0.2s ease-in-out; } .hole:hover { background-color: #999; } </style> </head> <body> <div class="container"> <div class="hole"></div> <div class="hole"></div> <div class="hole"></div> <div class="hole"></div> <div class="hole"></div> <div class="hole"></div> <div class="hole"></div> <div class="hole"></div> <div class="hole"></div> </div> <script src="script.js"></script> </body> </html> ``` 在上面的代码中,我们创建了一个包含 9 个洞口的容器,每个洞口都是一个 div 元素,样式为灰色背景、黑色边框、30px 的字号、光标为手型,并且当鼠标悬浮在洞口上时会变为深灰色背景。其中容器的样式使用了 flex 布局,可以使洞口自动排列。 接下来,我们使用 JS 来实现地鼠的随机出现和消失,代码如下: ```js const holes = document.querySelectorAll('.hole'); const scoreBoard = document.querySelector('.score'); const moles = document.querySelectorAll('.mole'); let lastHole; let timeUp = false; let score = 0; function randomTime(min, max) { return Math.round(Math.random() * (max - min) + min); } function randomHole(holes) { const idx = Math.floor(Math.random() * holes.length); const hole = holes[idx]; if (hole === lastHole) { return randomHole(holes); } lastHole = hole; return hole; } function peep() { const time = randomTime(200, 1000); const hole = randomHole(holes); hole.classList.add('up'); setTimeout(() => { hole.classList.remove('up'); if (!timeUp) peep(); }, time); } function startGame() { scoreBoard.textContent = 0; timeUp = false; score = 0; peep(); setTimeout(() => { timeUp = true; }, 10000); } function bonk(e) { if (!e.isTrusted) return; score++; this.classList.remove('up'); scoreBoard.textContent = score; } moles.forEach(mole => mole.addEventListener('click', bonk)); ``` 在上面的代码中,我们首先获取了 HTML 中所有的洞口和地鼠元素,并定义了一些变量用来存储上一个出现的洞口、游戏是否结束和得分等信息。接着,我们实现了三个函数: 1. `randomTime`:用于生成一个随机时间,表示地鼠出现和消失的时间间隔。 2. `randomHole`:用于随机选择一个洞口,保证地鼠每次出现的位置不同。 3. `peep`:用于控制地鼠的随机出现和消失,每次随机生成一个时间和一个洞口,将该洞口的样式修改为出现状态并在一定时间后恢复为原来的样式,然后在一定时间后再次调用该函数。 最后,我们实现了开始游戏和打地鼠的函数,并将打地鼠的函数绑定到每个地鼠元素的点击事件上。在打地鼠函数中,我们判断是否由用户点击触发,如果不是则直接返回,否则将得分加一并将该地鼠的样式修改为消失状态。 完成以上代码后,你就可以在浏览器中打开该 HTML 文件,开始你的打地鼠小游戏了!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值