牛客网错题集--HTML试题(2)

第1题

1.以下代码中文字的最终颜色描述正确的是()

<style>
     div > #title{color: blue;}
     div > h3#title.title{color: red;}
     [lang=”en”] h3.title{color: green;}
     [lang=”en”] #title{color: gray;}
 </style>
 <div lang=”en”>
     <h3 id=”title”
class=”title”>hello</h3>
 </div>

A.blue
B.red
C.green
D.gray
答案:B
解释:css优先级,可以给选择器分配权值:

  1. id选择器的权值为100
  2. class、属性和伪类选择器的权值为10
  3. 标签选择器、伪元素的权值为1
  4. 权值较大的优先级越高
  5. 比较样式时,将对应的选择器权值相加,大的优先级高
  6. 权值相同的,根据从上往下的原则,后定义的优先级高
  7. 特殊!important,优先级最高
div > #title{color: blue;}             //标签+id = 100+1 = 101
div > h3#title.title{color: red;}      //标签+标签+id+类 = 1+1+100+10=112
[lang=”en”] h3.title{color: green;}    //属性+标签+类 = 10+1+10 =21
[lang=”en”] #title{color: gray;}       //属性+id = 10+100 = 110

第2题

2.哪个 HTML5 元素用于显示已知范围内的标量测量?(表示没学到)
A.<gauge>
B.<range>
C.<measure>
D.<meter>
答案:D
解释: 标签定义已知范围或分数值内的标量测量。例子:磁盘用量、查询结果的相关性,等等。

第3题

3.以下选项正确的是()(不定项选择)
A.<p />
B.<br />
C.<hr />
D.<hr />
答案:BCD
解释:HTML中的标签分为闭合标签和自闭合标签。 自闭合标签有<input/><img/><br/><link/><hr/>

第4题

4.以下是HTML5新增表单元素属性的是()(不定项选择)
A.placeholder
B.multiple
C.required
D.pattern
答案:A B C D
解释:(大佬的解释,表示受益匪浅)

  1. 注意题目问的是类型/元素/属性
  2. 新增的表单元素:output、datalist、keygen
  3. 新增的表单类型(type=“xxx”):color设色器、date日期选择器、datetime(utc时间)、datetime-local(无时区)、email(包含email的输入域)、month(月份)、number(数值)、range(范围)、search(搜索)、tel(电话号码)、url、week
  4. 新增的表单属性:autocomplete(自动补全)、autofocus(自动聚焦)、required(是否必选)、height(高度)、width(宽度)、multiple(多文件上传)、max(最大值)、min、step、list、pattern(模式匹配/正则)、placeholder(默认值)、novalidate(提交表单时不校验email/tel这些需要校验的表单类型)、form(表单元素可以在form之外,但是可以指定属于哪个form,会一起发送)、formaction(请求地址)、formmethod(form元素的请求方法,get/post这些)、formenctype、formnovalidate。

第5题

<input type="date" name="bday">
<input type="datetime-local" name="bdaytime">

关于上面两行代码显示结果说法错误的是()
A.两者都可以用来绘制日历
B.后者可以显示本地时间,且时间不可以修改
C.日历的样式可以通过CSS进行修改
D.日历标签目前只能应用于谷歌浏览器
答案:B D
解释:无

第6题

6.前端框架 Vue.js 具备的特性()(不定项选择)
A.指令
B.过滤器
C.内置 http 请求
D.模板采用 JSX
答案:A B
解释:Vue需要通过添加Vue-resource来实现http请求。JSX是React自带的模板,Vue有它自带的模板,比如Vue单文件组件

第7题

7.下列属于HTML5新元素的是?()(不定项选择)
A.header
B.nav
C.section
D.viewport
答案:A B C
解释:
知乎--HTML5新增元素

第8题

8.DOM,文件对象模型,提供了树状结构的表示方法,以下描述正确的是()
A.Document 不是一個document node,是一种节点格式
B.不是所有的HTML elements都是element nodes
C.所有的comments都是document node
D.在HTML element內的text內容也是text node
答案:D
解释:DOM树中总共分为如下几种节点格式:Element类型(元素节点)、Text类型(文本节点)、Comment类型(注释节点)、Document类型(document节点)。
A:document可以说是一种节点格式,但节点树的根节点也叫document,所以第一题的说法太绝对,是错的。
B:所有的HTML elements(元素节点,其实就是HTML标签)都是element。
C:comments属于注释节点 。

第9题

9.在 HTML5 中,哪个元素用于组合标题元素?
A.<group>
B.<header>
C.<headings>
D.<hgroup>
答案:D
解释:hgroup元素是将标题及其子标题进行分组的元素,hgroup元素通常会将h1-h6元素进行分组,比如内容区块的标题及其子元素算一组。

第10题

10.下列关于使用link和@import,说法不正确的是()
A.页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载。
B.link、@import均支持使用js控制DOM去改变样式。
C.@import就只能加载CSS ,link标签还可以定义RSS等。
D.import是CSS2.1 提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容问题。
答案:B
解释:1.从属关系区别 @import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等。
2.加载顺序区别 加载页面时,link标签引入的 CSS 被同时加载;@import引入的 CSS 将在页面加载完毕后被加载。
3.兼容性区别 @import是 CSS2.1 才有的语法,故只可在 IE5+ 才能识别;link标签作为 HTML 元素,不存在兼容性问题。
4.DOM可控性区别 可以通过 JS 操作 DOM ,插入link标签来改变样式;由于 DOM 方法是基于文档的,无法使用@import的方式插入样式。
5.权重区别 link引入的样式权重大于@import引入的样式。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值