笔试笔记（六）

来源：互联网发布：奚梦瑶天涯扒皮知乎编辑：程序博客网时间：2024/06/08 04:37

1、链接：https://www.nowcoder.com/questionTerminal/b4d81b332c084f5097a330c42bf753b8
来源：牛客网

下列 media queries 的定义方式中，哪一个是适配 iphone6s 的？（）B

．@media(min-device-width:375px) and(max-device-width:667px) and(-webkit-min-device-pixel-ratio:2){}

．@media(min-device-width:414px) and(max-device-width:736px) and(-webkit-min-device-pixel-ratio:3){}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2){}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2){}

2、使用h1标签形成加粗、大号文字。

3、哪一个html盒模型中的border的正确写法？A

```
p{  border:5px   solid red;}
```
```
p{border:5px  <br> red solid; }
```
```
p{border:  red solid 5px; }
```
```
p{border: solid red 5px; }
```

为了代码的可读性，建议按照，border-width，border-style，border-color，的顺序书写。

但其实顺序调换是不影响呈现的。

4、

font-style设置字体风格

值描述normal默认值。浏览器显示一个标准的字体样式。italic浏览器会显示一个斜体的字体样式。（该字体有斜体样式时使用）oblique浏览器会显示一个倾斜的字体样式。（该字体无斜体样式时使用，使正常文字倾斜）inherit规定应该从父元素继承字体样式。

font-weight设置字体粗细。

值描述normal默认值。定义标准的字符。bold定义粗体字符。bolder定义更粗的字符。lighter定义更细的字符。

定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。inherit规定应该从父元素继承字体的粗细。

5、

6、下列描述错误的是（）D

```
HTTP状态码302表示暂时性转移
```

domContentLoaded事件早于onload事件

```
IE6/7/8不支持事件捕获
```

localStorage存储的数据，在刷新页面后会消失

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

Localstorage是html5存储数据的方式，在HTML5中，本地存储是一个window的属性，包括localStorage和sessionStorage。HTML5本地存储只能存字符串，任何格式存储的时候都会被自动转为字符串，所以读取的时候，需要自己进行类型的转换。是永久性存储，当然用户可以通过浏览器设置来删除。

7、超链接访问过后hover样式就不出现了，被点击访问过的超链接样式不再具有hover和active了，解决方法是改变CSS属性的排列顺序？（）A

a:link {} a:visited {} a:hover {} a:active {}

a:visited {} a:link {} a:hover {} a:active {}

a:active {} a:link {} a:hover {} a:visited {}

a:link {} a:active {} a:hover {} a:visited {}

巧记：固定顺序驴（l v）哈（h a）;

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

为了符合浏览器解析CSS所遵循的就近原则，将一般的放在上面，将特殊的放在下面。

a:link; a:visited; a:hover; a:active;

a:hover必须放在a:link和a:visited之后；

a:active必须放在a:hover之后。

8、

放在 HTML 里的哪一部分 JavaScripts 会在页面加载的时候被执行？ () D

```
文件头部位置
```
```
文件尾
```
```
<head>标签部分
```
```
<body>标签部分
```

在HTML body部分中的JavaScripts会在页面加载的时候被执行。在HTML head部分中的JavaScripts会在被调用的时候才执行。

9、以下标签，错误的是 C

```
text-left用于左对齐
```
```
text-center水平居中对齐
```
```
text-vertical垂直居中对齐
```

text-uppercase可以将字母全部大写

垂直居中对齐的标签定义是:<vertical-align:center>

10、

css 中可继承的属性有哪些 BE

```
height
```
```
font-size
```
```
border
```
```
width
```
```
color
```

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

肯定有很多人不知道什么是继承，继承就是指子节点默认使用父节点的样式属性。

不可继承的属性太多了不要背，记住可以继承的属性有哪些就行了。可以继承的属性很少，只有颜色，文字，字体间距行高对齐方式，和列表的样式可以继承。

所有元素可继承：visibility和cursor。内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。终端块状元素可继承：text-indent和text-align。列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。

11、嵌入在HTML文档中的图像格式可以是？ ACD

```
*.gif
```
```
*.tif
```
```
*.bmp
```
```
*.jpg
```

12、iframe的使用场景有？ ABCD

与第三方域名下的页面共享cookie

```
上传图片，避免当前页刷新
```
```
左边固定右边自适应的布局
```
```
资源加载
```

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

iframe可用在以下几个场景中：

1：典型系统结构，左侧是功能树，右侧就是一些常见的table或者表单之类的。为了每一个功能，单独分离出来，采用iframe。
2：ajax上传文件。
3：加载别的网站内容，例如google广告，网站流量分析。

4：在上传图片时，不用flash实现无刷新。

5：跨域访问的时候可以用到iframe，使用iframe请求不同域名下的资源。

阅读全文

0 0