笔试笔记（11）

以下各问各解析均来自牛客网。

1、不涉及样式情况下,页面元素的优先显示与结构摆放顺序无关。请判断这句话的正确与否。F

解析：在不涉及样式的情况下，页面元素是“从上往下”解析的，因此，与结构摆放顺序是有关系的。

2、

常见的内联元素：<a>、<b>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

常见的块级元素：<div>、<p>、<hx>（x为1~6）、<ol>、<ul>、<dl>、<tabel>、<address>、<blockquote>、<form>

常见的内联块级元素：<img>、<input>

3、CSS 样式，通过设置左和右 ____ ，可以把块元素调整到中间位置。A

```
边距为auto
```
```
边距为50%
```
```
边距为none
```
```
边距为center
```

选A margin：0 auto；第一个参数是上下，第二个是左右边距。

4、

-moz代表firefox浏览器私有属性
-ms代表IE浏览器私有属性
-webkit代表chrome、safari私有属性 IE使用的是Trident内核，Firefox 使用的是Gecko内核。目前使用IE内核的浏览器还有搜狗，遨游，360等等。

5、把鼠标移到按钮并点击时，会产生一串什么样的事件？

hover -> focus -> active

悬停 -> 聚焦 -> 响应

6、

如何获取下面表单 select

<form name="a"> <select name="a" size="1" id=”obj”> <option value="a">1</option> <option value="b">2</option> <option value="c">3</option> </select> </form> 域的选择部分的文本？()A

```
obj.options[obj.selectedIndex].text
```
```
obj.options[obj.selectedIndex].value
```
```
obj. value
```
```
obj.text
```

链接：https://www.nowcoder.com/questionTerminal/562c9ee3cfcd4c9b9eb9d1dbc63f38ad
来源：牛客网

console.log( obj.options[obj.selectedIndex].text ) 输出的是1,

console.log( obj.options[obj.selectedIndex].value ) 输出的是a

7、以下说法，错误的是 A

```
mark用于显示变粗的文字
```
```
<del>用于显示删除的文本
```
```
<ins>的文字会带下划线
```
```
<strong>用于强调文本
```

mark用于高亮显示文本。

8、

以下哪些标签是合法的HTML5标签？AC

```
<p></p>
```
```
<center></center>
```
```
<pre></pre>
```
```
<img></img>
```

<img>标签没有闭合，应该是<img src="" />

9、请选出正确的答案 ABC

```
一个id在页面中只能使用一次
```

一个class可以在一个网页中多次使用

ID和class都能和javascript及CSS一起使用

同一个id或class，都可以在一个网页中出现多次

10、下列哪些是块级元素（）BCDEF

```
input
```
```
ul
```
```
hr
```
```
li
```
```
div
```
```
form
```

emmmmmm <hr />也是块级元素

11、哪一个不是浏览器默认的天生inline-block标签（拥有内在尺寸，可设置高宽，不会自动换行）？C

```
<button>
```
```
<input>
```
```
<label>
```
```
<img>
```

1.常见的块级元素(自动换行，可设置高宽 )有：

div,h1-h6,p,pre,ul,ol,li,form,table,label等

2。常见的行内元素（无法自动换行，无法设置宽高）有：

a,img,span，i（斜体）,em（强调）,sub(下标)，sup（上标）等。

3.常见的行块级元素(拥有内在尺寸，可设置高宽，不会自动换行 )有：

(button,input，textarea,select), img等

12、不换行必须设置哪些项？AC

```
word-break
```
```
letter-spacing
```
```
white-space
```
```
word-spacing
```

链接：https://www.nowcoder.com/questionTerminal/55e741c0001c47748fecfa63ef4484ab
来源：牛客网

word-break是css3属性自动换行法则；处理单词折断

word-break: normal|break-all|keep-all;
normal遵循浏览器换行规则
break-all 允许单词内换行
keep-all 只能在半角空格或连字符处换行。

设置white-space为nowrap，文本不会换行，文本会在同一行上继续，直到遇到<br>标签为止