2019年11月11日 HTML CSS

发表于 更新于 分类于 ， ， Waline： 本文字数： 2.3k 阅读时长 ≈ 2 分钟

考点1

下列定义的 css 中,哪个权重是最低的？

  • A #game .name
  • B #game .name span
  • C #game div
  • D #game div.name

解析

显示答案/隐藏答案正确答案: C
style 权重
行内样式 1000
id 100
class 10
element 1

权重越大，优先级越高
CSS选择器优先级是指“基础选择器”的优先级：
ID > CLASS > ELEMENT > *

a：100 + 10 = 110
b：100 + 10 + 1 = 111
c：100 + 1 = 101
d：100 + 1 + 10 = 111

考点2

对于li这个节点,下列哪个CSS选择器的优先级最高？

  • A li#app
  • B li.cnt
  • C li.cnt:hover
  • D #app.cnt

解析

显示答案/隐藏答案正确答案: D
style 权重
行内样式 1000
id 100
class 10
element 1

第一等:代表内联样式,如: style=””，权值为1000。
第二等：代表ID选择器，如：#content，权值为0100。
第三等：代表类，伪类和属性选择器，如.content，权值为0010。
第四等：代表类型选择器和伪元素选择器，如div
p，权值为0001。
通配符、子选择器、相邻选择器等的。如
、>、+,权值为0000。

权重:
①内联样式1000,如style=””;
②ID100，如#content；
③类、属性10，如.content；
④标签1，如div。
A.li#app:标签+ID=1+100=101；
B.li.cnt：标签+类=1+10=11；
C.li.cnt:hover：标签+类=11；
D.#app.cnt：ID+类=100+10=110。
(D)权重最大，优先级最高。

考点3

下列哪个不属于id与class之间的区别

  • A id在文档中只能使用一次,而class可以多次使用
  • B id比class具有更高的样式优先级
  • C 一个元素只能有一个id属性值，却可以拥有多个class属性值
  • D 在class中可以定义:hover伪类，在id中不能定义

解析

显示答案/隐藏答案正确答案: D

伪类选择符E:hover设置元素在其鼠标悬停时的样式。
E元素可以通过其他选择器进行选择，比如使用类选择符、id选择符、类型选择符等等。

考点4

下面关于表单的说法中,错误的是 ( )

  • A 可以给 input 添加 multiple 属性使它可以输入多行文字
  • B placeholder 属性可以用来提示用户输入什么内容
  • C 用户无法直接修改包含 disabled 属性的文本框的内容
  • D maxlength 属性可以限制文本框内最多输入多少个字符

解析

显示答案/隐藏答案正确答案: A

multiple 属性是一个布尔属性。
multiple 属性规定允许用户输入到 <input> 元素的多个值。
注意：multiple 属性适用于以下 input 类型：email 和 file。

1
2
3
4
<form action="demo-form.php">
  选择图片: <input type="file" name="img" multiple>
  <input type="submit">
</form>

考点5

有一个元素,需要在pc端显示而在手机端隐藏，需要使用的方法是？

  • A visible-xs-8 hidden-md
  • B visible-md-8 hidden-xs
  • C visible-md-8 hidden-sm
  • D visible-sm-8 hidden-md

解析

显示答案/隐藏答案正确答案: B

手机端屏幕是小于768px的，bootstrap col-xs代表屏幕小于768px，所以在手机端隐藏是hidden-xs。

考点6

<i>，<em>标签语义分别表示斜体和加粗,是否正确？

  • A 正确
  • B 错误

解析

显示答案/隐藏答案正确答案: B
  • <i>标签只是单纯的样式标签，表现斜体的样式，但是语义上与普通文本无异；
  • <em>标签在样式上表示为斜体，同时在语义上也表示为强调

考点7

以下不属于把CSS样式表与HTML网页关联的方法的是()

  • A 在HTML文档的<!--…-->标签内定义CSS样式
  • B 用<link>标签链接网上可访问的CSS样式表文件
  • C 在HTML文档的标签内定义CSS样式
  • D 用@import引入样式表文件

解析

显示答案/隐藏答案正确答案: A

考点8

关于标签,下列说法错误的是

  • A <video>标签中controls属性决定是否向用户显示控件
  • B <audio>与</audio>之间插入的内容是用来解释控件的
  • C <datalist>标签可以和input标签配合进行使用，来显示列表
  • D <progress>标签不填写max和value会自动滑动

解析

显示答案/隐藏答案正确答案: B

<audio> 与</audio> 之间插入的内容是供不支持audio 元素的浏览器显示的

考点9

以下选项正确的是

  • A <p />
  • B <br />
  • C <hr />
  • D <img />

解析

显示答案/隐藏答案正确答案: BCD

HTML中的标签分为闭合标签和自闭合标签。 自闭合标签有

  • <input/>
  • <img/>
  • <br/>
  • <link/>
  • <hr/>

等