一、填空
1.网页的后缀名通常为: xxx.html或 xxx.htm的页面。
2.请写出在网页中设定表格边框的厚度的属性 border;设定好表格单元格之间宽度属性 cellspacing;设定表格资料与单元格线的距离属性 cellpadding。
3.预定义格式化标签(见下面)的功能是**:标记内的内容按照原格式显示在网页中，被包围在pre元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体**。
<pre></pre>
4.CSS中的选择器基本可以分为7种,他们分别是标签选择器、id选择器、类选择器、子代选择器、后代选择器、组选择器、伪类选择器。
5.在页面中实现文字滚动的标记是marquee。
6.在页面中嵌入多媒体，如：电影,声音等用到的标签是embed。
7.通过属性poster可以设置在页面视频播放前的图片呈现。
8.用来在视窗口下附加MS-WINDOWS的AVI播放控制条的属性是controls。
9.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:设置首字。
10.每间隔三秒就刷新页面的代码:refresh:刷新-这里指定动作 content:时间 url=/article:跳转的url
<meta http-equiv="refresh" content="3" url=""/>
11.属性display的值有:block、inline、inline-block、none。
12.表单对象的名称由name属性设定;提交方法由method属性指定;若要提交大数据量的数据，则应采用post方法;表单提交后的数据处理程序由action属性指定。
二、简答题
1.HTML5中为什么要写声明?
<!DOCTYPE html>
答:用来告知浏览器当前的文档按照HTML5的类型进行编译执行的。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。
2.行内元素有哪些?块元素有哪些?行内块元素有哪些?空元素有哪些?
答: 行内元素：独占一行，可设置宽高，宽度默认容器的100%，:a、span、strong、em、b、i、del、s、ins等;
块元素：和相邻元素在一行，不能设置宽高，默认宽度是它本身内容的宽度:h1~h6、div、p、ul、ol、li等;
行内块元素：和相邻元素在一行，但之间有空白缝隙，默认宽度为其内容的宽度:img、input、tr、td等;
空标签:br、hr、link、meta。
3.页面导入样式时，使用link和@import有什么区别?
答:相同的地方，都是外部引用CSS方式，
区别:(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的左右边距的值+margin的左右边距的值+border的左右宽度；
元素框的总高度=元素的height+padding的上下边距的值+margin的上下边距的值+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)after伪元素:父元素加.clearfix(类名：可更改)
.clearfix::after {
content: “”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
(4)双伪元素before和after:结合content一并使用:
.clearfix::before,.clearfix::after {
content: “”;
display: table;(解决了一部分需要使用表格特性但又不需要表格语义的情况)
}
.clearfix::after {
clear: both;
}
8.前端开发由三层构成，分别是什么以及作用是什么?
答:使用(X)HTML去搭建文档的结构:用于对网页元素进行整理和分类;
使用CSS去设置文档的呈现效果:用于设置网页元素的版式、颜色、大小等外观样式，起到美化作用;
使用JavaScript去实现文档的行为:JS是脚本语言，指网页模型的定义及交互的编写，增加动态功能。
9.你对CSS权重作何理解?
答:默认:行内样式>内嵌样式>外嵌样式
内联样式权重:1，0，0，0 ID选择器权重：0，1，0，0 类选择器/伪类权重：0，0，1，0
元素选择器权重：0，0，0，1 继承或*权重：0，0，0，0
注意：某个元素到底用哪个样式，还有三个规则：
(1)如果样式上加有！important标记，那么始终采用这个标记的样式；
(2)匹配的内容按照CSS权重排序，权重大的优先；
(3)如果权重也一样，按照它在CSS样式表里声明的顺序，后声明的优先。
10.表单提交时，get和post提交方式的区别是什么?
答:get方法信息少容易直接获取，常用于提交较小的数据，比如ID、账号、密码等，会将用户数据显示在URL地址栏中，不安全，通过URL地址栏提交；
post方法信息大，如文本字段，可加密，不会将用户数据显示在URL地址栏中，安全，通过报文提交。
314
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
