HTML笔试题

发表于 | 更新于 | 分类于

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

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

head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中。当你把脚本放在head部分中时，可以保证脚本在任何调用之前被加载。
body 部分中的脚本: 当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。

下面span标签中Hello World字体的颜色是

1
2
3
4
5
6
7
8
9
10
11
12
<style type="text/css">
span {
    color: green;
}
.red {
    color: red;
}
#blue {
    color: blue;
}
</style>
<span id="blue" class="red" style="color:black;">Hello World</span>

这题考察CSS选择器权重：

  • 内联 权重1000 ，
  • ID 选择器 权重：100，
  • 类 伪类 属性选择器 权重：10 ，
  • 类型选择器 权重：1
  • important 最大，内联权重次之 除!important ，内联权重最大！

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

要运用css3动画，你需要运用什么规则？

要运用css3动画，需要运用@keyframes规则和animation属性

当margin-top、padding-top的值是百分比时，分别是如何计算的？

相对最近父级块级元素的width，相对最近父级块级元素的width
可以对元素的margin设置百分数，百分数是相对于父元素的width计算，不管是margin-top/margin-bottom还是margin-left/margin-right。（padding同理）

如果没有为元素声明width，在这种情况下，元素框的总宽度包括外边距取决于父元素的width，这样可能得到“流式”页面，即元素的外边距会扩大或缩小以适应父元素的实际大小。如果对这个文档设置样式，使其元素使用百分数外边距，当用户修改浏览窗口的宽度时，外边距会随之扩大或缩小。

默认情况下，以下哪些元素时行内元素

常见的块级元素(自动换行， 可设置高宽 )有：
div,h1-h6,p,pre,ul,ol,li,form,table,label等
常见的行内元素（无法自动换行，无法设置宽高）有：
a,img,span，i（斜体）,em（强调）,sub(下标)，sup（上标）等。
常见的行块级元素(拥有内在尺寸，可设置高宽，不会自动换行 )有：
(button,input，textarea,select), img等

下列哪些功能可以通过Cookie来实现？

  1. 记录访问者的信息
  2. 在页面之间传递信息
  3. 自动识别用户
  4. 对数据库进行操作
正确答案: A B C
解答

A 项，访问者的信息一般都可以处理成 kv 键值对的形式，故可以保存在 Cookie 中，正确。
B 项，通过设置 Cookie 的 path 等属性，可以在特定域名或 URI 下共享 Cookie 信息，正确。
C 项，通过在 Cookie 中保存用户uid、服务器会话sid等方法，可以记录用户登录状态，正确。
D 项，Cookie 是保存在用户浏览器上的小文本文件，不是数据库，也没有提供操作数据库的 API，故此项错误。

cookies一般是用于自动登录呀(如淘宝,京东一些可以勾选自动登录),这就相当于进行从登录页到主页的跳转了,页面之间传递着用户的信息,以键值对的方式存储着用户的信息,当然登录跳转也用到了其他以键值对存储的信息,如session(服务端保持,一些需要登录以后才可以访问的就需要session校验,如果是大项目开发的话会用到过滤器) cookies主要用于客户端保持,当然了,cookies怎么可能对数据库进行操作呢,cookies是保存在客户端的.

以上信息来自牛客网

本文链接: HTML笔试题