测试1

一填空：
1.网页的后缀名通常xxx.html与xxx.htm
2.请写出在网页中设定表格边框厚度的属性border-width，
设定单元格与单元格间距的是cellspacing，
内容与单元格间距cellpadding。
3.预定义格式化标签pre功能是:
标记内的内容按照原格式显示在网页中，被包围在pre元素中的文本通常会 保留空格和换行符。而文本也会呈现为等宽字体。
4.CSS中的选择器基本可以分为7种,他们分别是
标签、id、类、子代、后代、组、伪类选择器。
5.在页面中实现文字滚动的标记是marquee。
6.在页面中嵌入多媒体，如：电影,声音等用到的标签是embed。
7.通过属性poster可以设置在页面视频播放前的图片呈现。
8.用来在视窗口下附加MS-WINDOWS的AVI播放控制条的属性是controls。
9.CSS3中新增的伪类有:
first-child；last-child；nth-child( even表示偶数,odd表示奇数)；nth-last-child(-1n+5)；empty；target；selection；before、after；first-line；first-letter。
10.每间隔三秒就刷新页面的代码:
11.属性display的值有:block、inline、inline-block、none。
12.表单对象的名称由name属性设定;提交方法由method属性指定;若要提交大数据量的数据，则应采用post方法;表单提交后的数据处理程序由action属性指定。
二简答：
1.HTML5中为什么要写声明?
用来告知浏览器当前的文档按照HTML5的类型进行编译执行的。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。
2.行内元素有哪些?块元素有哪些?行内块元素有哪些?空元素有哪些?
行内元素:a、span、b、i等;
块元素:h1~h6、div、p、ul、ol、li等；
空元素:br、hr、link、meta。
3.页面导入样式时，使用link和@import有什么区别？
(1)link是xhtml标签，除了加载CSS外，还可以定义RSS等其他事务；
@import属于CSS范畴，只能加载CSS；
(2)link引用CSS时，页面载入时同时加载；
@import需要在页面完全加载以后加载，而且被引用的CSS会等到引用它的CSS文件被加载完才加载；
(3)link是XHTML标签，无兼容问题；
@import是在CSS2.1提出来的，低版本的浏览器不支持；
(4)link支持使用JavaScript控制去改变样式；
@import不支持；
(5)link方式的样式的权重高于@import的权重；
(6)@import在HTML使用时需要style标签。
4.介绍一下CSS盒子模型?
包含内容(content)、内边距(padding)、边框(border)、外边距(margin)4个元素。
5.CSS3中新增的伪类有哪些?
first-child:第一个子元素、last-child:最后一个子元素;
​nth-child（ even表示偶数,odd表示奇数)；
nth-last-child(-1n+5):表示选中后五个；
empty：空元素；
target： 目标伪类；
selection：选中区域；
​before、after:结合content一起使用；
​first-line:设置内容首行；
first-letter:设置首字。
6.margin-top塌陷是如何产生的?以及解决方法有哪些?
塌陷产生:一个元素含有一个子元素，给子元素设置margin-top时，会发现将设置的值添加给了父元素，所以导致设置失败。
解决方法:
(1)给父元素添加:overflow:hidden;
​(2)给父元素添加边框:border:1px solid black;
​(3)使用伪类元素。
.、浮动元素不会撑开父元素的大小，那么如何解决父元素撑开的问题?
清除浮动:
(1)给父元素添加:overflow:hidden;
(2)在元素最后加一个空元素，给其添加属性：clear:both;
(3)使用伪元素before和after:结合content一并使用:
.clearfix::before,.clearfix::after {
​ content: “”;
​ display: table;(解决了一部分需要使用表格特性但又不需要表格语义的情况)
​ }
.clearfix::after {
​ clear: both;
​ }
8、前端开发由三层构成，分别是什么以及作用是什么?
结构层：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地址栏中，不安全；
post方法信息大，如文本字段，可加密，不会将用户数据显示在URL地址栏中，安全。