H5/CSS 笔试面试考题(111-120)

文章涵盖了CSS中百分比单位在margin-top和padding-top中的计算规则,讨论了优化CSS图片加载的技术,以及HTML5中的各种标签使用和规范,包括标签、HTML5元素和canvasAPI的使用等。
摘要由CSDN通过智能技术生成
  1. 简述当 margin-top、padding-top 的值是百分比时,分别是如何计算的 ( )
    A:相对父级元素的 height,相对自身的 height
    B:相对最近父级块级元素的 height,相对自身的 height
    C:相对父级元素的 width,相对自身的 width
    D:相对最近父级块级元素的 width,相对最近父级块级元素的 width
    面试回答正确率:49.0%
    推荐指数: ★★★★ 试题难度: 初级 试题类型: 选择题
    答案:d

  2. 简述下面哪些技术可用于优化 CSS 图片加载 ( )
    A:CSSSprite
    B:SVGSprite
    C:Iconfont
    D:Base64
    面试回答正确率:74.0%
    推荐指数: ★★★★★ 试题难度: 初级 试题类型: 选择题
    答案:a、b、c、d


  1. 简述浏览器将打开一个新的窗口,应在a标签中使用 ( )
    A:“target=_self”
    B:“target=_top”
    C:“target=_blank”
    D:“target=_parent”
    面试回答正确率:70.0%
    推荐指数: ★★★ 试题难度: 初级 试题类型: 选择题
    答案:c

  2. 在HTML页面中,包含id为”div1”的层,下列哪个选项可以使该层显示出来 ( )
    A:document.getElementByName(“div1”).style.display=“visible”;
    B:document.getElementById(“div1”).style.display=“none”;
    C:document.getElementByName(“div1”).style.display=“hidden”;
    D:document.getElementById(“div1”).style.display=“block”;
    面试回答正确率:55.0%
    推荐指数: ★★★★ 试题难度: 初级 试题类型: 选择题
    答案:d

  3. 简述以下哪个标签用于表示 HTML5 中不同类型输出的结果 ( )
    A:output
    B:placeholder
    C:autofocus
    D:required
    面试回答正确率:57.0%
    推荐指数: ★★★★ 试题难度: 初级 试题类型: 选择题
    答案:a

在 HTML5 中,<output> 标签用于表示不同类型的输出结果,如计算、表单验证等。
它可以与 <input> 或其他数据源元素一起使用,以显示这些元素的计算结果或其他相关信息。
<placeholder> 标签用于为输入字段提供一个提示或默认值。<autofocus> 标签用于使输入字段在页面加载时自动获得焦点。
<required> 标签用于指定一个输入字段是必需的。

<form oninput="result.value=parseInt(a.value)+parseInt(b.value)">
  <input type="range" name="b" value="50" /> +
  <input type="number" name="a" value="10" /> =
  <output name="result"></output>
</form>
  1. 简述内容中可以使用哪个元素来表示 article 标签外的内容 ( )
    A:aside
    B:cite
    C:article
    D:class
    面试回答正确率:68.0%
    推荐指数: ★★★ 试题难度: 初级 试题类型: 选择题
    答案:a

  2. 简述以下代码符合html5规范的是 ( )
    A:<div><span></div>
    B:<input type="text" disabled>
    C:<label id="mylabel"></label>
    D:<div myname="javk"></div>
    面试回答正确率:80.0%
    推荐指数: ★★★★ 试题难度: 初级 试题类型: 选择题
    答案:b

  3. 简述调用canvas对象的哪个方法来获取绘图环境 ( )
    A:getContent
    B:getContext
    C:getGraphics
    D:getCanvas
    面试回答正确率:67.0%
    推荐指数: ★★★ 试题难度: 中级 试题类型: 选择题
    答案:b

  4. 简述万维网用HTML标识分布因特网上的各种文档 ( )
    A:正确
    B:错误
    面试回答正确率:65.0%
    推荐指数: ★★ 试题难度: 初级 试题类型: 选择题
    答案:b

  5. 简述以下哪段代码符合HTML5书写规范 ( )

A、some text

B、
< form>
action="some action" >
< button >some text< / button >
< / form >

C、
<ul>
<li>some text
<li>some text
<li>some text
</ul>

D、
<type="text" input value="some value" />
  面试回答正确率:58.0%

推荐指数: ★★★ 试题难度: 初级 试题类型: 选择题
答案:b

  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值