笔试笔记（12）

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

1、

head 标签中必不少的是（ ）C

<meta>

<link>

<title>

<script>

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

哪一个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的顺序书写。

3、

基于以下 HTML 结构，判断浏览器会发送多少个图片请求？D

6

0

4

3

1. 只要是img src引用的都会请求；

2. background: url()所属样式如果挂靠在某个元素上，就一定会请求；单独写了这么一个样式并不请求。

所以这道题目中，只有#bg不请求。浏览器解析dom,然后根据类名去渲染样式，而#bg根本不会引用到，故不会请求里面的图片

4、CSS盒子模型中（）是透明的，这部分可以显示背景()
C

border

margin

padding

content

透明排除AD。显示背景选择C。

5、链接：https://www.nowcoder.com/questionTerminal/e34254eb4dff49239070b5503765778f

来源：牛客网

DHTML 的动态样式的作用是  ()D

可使开发人员改变显示在一页上的文本或图像，以便内容能够交互地对用户的鼠标和键盘操作做出响应

让页面制作者以自动方式或对用户的操作做出响应的方式移动页面上的文本和图像

可实现客户端与服务端动态的信息资源交换

使网页作者改变内容的外部特征而不强制用户再次下载全部内容

6、链接：https://www.nowcoder.com/questionTerminal/6e5534574bf0443bb32222a8dd5ab27b

来源：牛客网

关于canvas不正确的是？AB

canvas是HTML5的一部分，允许脚本动态渲染位图像

canvas是作为Flash的替代技术出现

canvas拥有多种绘制路径、矩形、圆形、字符及添加图像的方法

Internet Explorer自Internet Explorer9起已经可以支持canvas

7、链接：https://www.nowcoder.com/questionTerminal/5a630401f2944e758b8f7b20ee59eb0a
来源：牛客网

关于web表单登录中用到的图形验证码的实现,以下做法不正确的有:ABD

返回给浏览器的html代码中包含图形验证码和文本字符串,登录前客户端判断输入内容和页面中保存的内容是否一致

服务器端在返回的图片和cookie中同时包含图形验证码,登录前客户端判断输入内容和cookie保存的内容是否一致

服务器端生成验证码后一方面通过图片将验证码返回给客户端,同时在服务器端保存文本的验证码,由服务器端验证输入内容是否正确

浏览器通过识别图形验证码中的内容和用户输入的内容判断是否一致

8、如何让一个区块居中? AB

center

center-block

horizontal-center

vertical-center

center-block是bootstrap里的东西，等价于常用的margin:0 auto;

9、链接：https://www.nowcoder.com/questionTerminal/4b51fb984d5b4fd8a4e2475ab815713f

来源：牛客网

下面关于IE、FF下面CSS的解释区别描述正确的有？CD

FireFox的div的内嵌div可以把父级的高度撑大，而IE6.0不可以，要自己设置高度。

当设置为三列布局时，FireFox0的float宽度不能达到100％，而IE6.可以。当设置为两列布局时，两种浏览器都可以。

火狐浏览器中，非float的div前面有同一父级的float的div，此div若有背景图，要使用clear：both，才能显示背景图，而IE6.0中不用使用clear：both

在[text-decoration:underline]的属性下，IE6.0显示的下划线会比FireFox低一点。在FireFox中，部分笔画会在下划线的下面1个象素左右。

链接：https://www.nowcoder.com/questionTerminal/8e0bd42cdecd493f92ec2ca21f903b4d

来源：牛客网

10、在bootstrap中为了在input两侧添加额外元素，以下说法正确的是ABD

使用input-group来封装控件

使用input-group-addon来添加前置元素

使用input-group-tailon来添加后置元素

必须为input添加form-control类