试题总结

一.填空题

1.网页的后缀名通常为(xxx.html)或(xxx.htm)的页面.
2.请写出在网页中设定表格边框的厚度的属性(border),设定表格单元格之间宽度属性(cellspacing),设定表格资料与单元格线的距离属性(cellpadding).
3.预定义格式化标签

<pre></pre>

的功能是(被包围在pre元素中的文本通常会保留空格和换行符,而文本也会呈现等宽字体).或(标记内的内容按照原格式显示在网页中)
4.css中的选择器基本可以分为(8)种,它们分别是(标签;id;类;子代;后代;组合;伪类;伪元素).
5.在页面中实现文字滚动的标记是(marquee).
6.在页面中嵌入多媒体,如:电影,声音,等用到的标签是(rideo,src,source,audio).
7.通过属性(poster)可以设置在页面视频播放前的图片呈现.
8.用来在视频窗口下附加MS-WINDOWS的AVI播放控件条的属性是(controls).
9.每间隔三秒就刷新页面的代码:

<meta content="3">

10.属性display的值有(none;inline;block;inline-block).
11.表单对象的名称由(name)属性设定,提交方法由(method)属性指定,若要提交大数据量的数据,则应采用(post)方法;表单提交后的数据处理程序由(action)属性指定.
12.HTML5文档类型：(!Doctype html)；字符集是(utf-8).

二、简答题

1.HTML5中为什么要写声明?
文档类型(是HTML5的类型)是告诉浏览器当前的文档按照HTML5的类型进行编译执行(低版本不能识别高版本的语言).

2.行内元素有哪些?块元素有哪些?空元素有哪些?
行内元素:a ,img ,option ,span
块元素:div ,h1~h6 , ul ,li ,p,br,
空元素:span ,div

3.页面导入样式时,使用link和@import有什么区别?
(1)link是xhtml标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载 CSS；
(2)link引用CSS时，页面载入时同时加载；@import需要在页面完全加载以后加载，而且@import被引用的CSS会等到引用它的CSS文件被加载完才加载；
(3)link是XHTML标签，无兼容问题；@import是在CSS2.1提出来的，低版本的浏览器不支持；
(4)link支持使用JavaScript控制去改变样式，而@import不支持；
(5)link方式的样式的权重高于@import的权重；
(6)@import在HTML使用时需要style标签。

4.介绍一下CSS盒子模型
CSS盒子模型又称框模型(Box Model)，包含了元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素。
盒子宽度=元素的width+padding的左右边距的值+border的左右宽度；
盒子高度=元素的height+padding的上下边距的值+border的上下宽度。

5.CSS3中新增的伪类有哪些?
(1)first-child:选择第一个子元素、last-child:选择最后一个子元素;
(2)nth-child() even表示偶数,odd表示奇数、nth-last-child(-1n+5):表示选中后五个;
(3)空元素:empty;
(4)目标伪类:target;
(5)selection:选中区域;
(6)before、after伪类:结合content一起使用;
(7)first-line:设置内容首行;
(8)first-letter:设置首字;

6.margin-top塌陷是如何产生的?以及解决方法有哪些?
塌陷产生:一个元素含有一个子元素，给子元素设置margin-top时，会发现将设置的值添加给了父元素，所以导致设置失败。
解决方法:
(1)给父元素添加:overflow:hidden;
(2)给父元素添加边框:border:1px solid black;
(3)使用伪类元素。

7.浮动元素不会撑开父元素的大小，那么如何解决父元素撑开的问题?
清除浮动
(1)加一个空标签：clear:both;
(2)给父元素添加:overflow:hidden;
(3).clearfix::before,.clearfix::after {
​ content: “”;
​ display: table;(解决了一部分需要使用表格特性但又不需要表格语义的情况)
​ }

8.前端开发由三层构成,分别是什么以及作用是什么?
HTML(超文本标记语言): 结构层
CSS(层叠样式表):表现层:用来美化HTML结构,重点是css可以很好的将结构和表现进行分离
Java script(脚本语言):行为层

9、你对CSS的权重作何理解并说明选择器权重的分配值？
CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。
行内样式>内嵌样式>外嵌样式
!important权重: 10000
内联样式权重:1000
ID选择器权重：100
类选择器/伪类权重：10
元素选择器权重：1
继承或*权重：0

10.表单提交时，get和post提交方式的区别是什么?
get方法信息少容易直接获取，常用于提交较小的数据，比如ID、账号、密码等，会将用户数据显示在URL地址栏中，不安全；
post方法信息大，如文本字段，可加密，不会将用户数据显示在URL地址栏中，安全。

11.描述下CSS3里实现元素动画的详细属性
animation-name 动画序列的名称
animation-duration 动画执行一次的时间
animation-timing-function 动画执行的速度
animation-delay 动画延迟执行的时间
animation-direction 动画执行的方向
animation-iteration-count 动画执行的次数
animation-fill-mode 动画完成时的状态

12.Css中content属性有什么作用,常见在哪里使用它?
它的作用就是在css中直接生成网页显示的 内容， 这个属性要结合：before和：after这俩个伪类属性来使用。

结合H5语义化标签 创建智能表单

<form>
<input type="text" placeholder="请输入名称" list="namelist"/>
<datalist id="namelist">
<option>宝宝<option/>
<option>宝强<option/>
<option>宝丹<option/>
<option>红红<option/>
<option>红绿<option/>
<option>红彤彤<option/>
<datalist/>
<form/>