前端4-3-2:meter、id的DOM树、宽高、文本加粗、jQuery渐变

1、【知识点:meter】

<meter> 标签

  1. 定义:用于显示已知范围内的标量测量值
  2. 用法:<meter> 标签定义已知范围或分数值内的标量测量。也被称为 gauge(尺度)。
  3. 例子:磁盘用量、查询结果的相关性,等等。
  4. 注释:<meter> 标签不应用于指示进度(在进度条中)。如果标记进度条,请使用 <progress> 标签。
  5. 浏览器支持:FireFox chrome safari  Opera不支持IE,IE是业界毒瘤。

2、创建带有id属性的DOM元素有什么副作用()

A、会造成DOM树分支过多

B、会增加内存负担

C、会创建同名的全局变量

【知识点:id的DOM树

带有id的DOM树元素会成为全局变量

对于DOM树中具有ID的给定HTMLElement,可以使用其ID作为变量名来检索div。所以对于一个div

<div id="example">some text</div>

Internet Explorer 8和Chrome中,可以执行以下操作:

alert(example.innerHTML); //=> 'some text'
要么
​​​​​​​alert(window['example'].innerHTML); //=> 'some text'

3、根据 HTML 规范,以下代码中,外层容器 .outer 的宽高分别是:()

扫描二维码关注公众号,回复: 13136154 查看本文章
<style>
.outer {
height: 50px;
}
.inner {
width: 120px;
height: 100px;
}
</style>

<div class="outer">
<span class="inner">content</span>
</div>

A、高 50px,宽 120px

B、高 50px,宽 100%

C、高 100px,宽 120px

D、高 100px,宽 100%

【知识点】

  1. span 为行内元素,无法设置高宽,当添加样式 display : block,可设置高宽
  2. div是块级元素宽默认100% 而高设置为50px 
  3. 外层容器如果不设置得话,默认就是100%


4、 下列哪些元素在浏览器默认样式下会加粗文本?

A、h1

B、caption

C、em

D、th

【解析】

A:<h1> - <h6> 标签表示 HTML 标题,默认加粗

B:<caption> 标签表示表格标题,标题一般被居中表格之上,但不加粗文本

C:<em> 标签表示强调内容,显示为斜体,但不加粗文本

D:<th> 标签表示表格的表头,默认加粗文本


5、以下jQuery方法中那个方法可以设置渐变为给定的不透明度()

A、$(selector).fadeIn()

B、$(selector).fadeOut()

C、$(selector).fadeToggle()

D、$(selector).fadeTo()

【知识点】

  • .fadeIn()  使用淡入效果显示元素
  • .fadeOut()  淡入效果隐藏元素
  • .fadeToggle()  淡入效果显示 / 隐藏元素来回切换
  • .fadeTo()  元素的透明度逐渐变化到制定的值

猜你喜欢

转载自blog.csdn.net/weixin_44015669/article/details/115415841
今日推荐