一.填空题
1.网页的后缀名通常为 .html 或 .htm 的页面.
2.请写出在网页中设定表格边框的厚度的属性border,设定表格单元格之间宽度属性cellspacing,设定表格资料与单元格线的距离属性cellpadding.
3.预定义格式化标签
<pre></pre>
的功能是
被包围在pre元素中的文本通常会保留空格和换行符,而文本也会呈现等宽字体或者标记内的内容按照原格式显示在网页中
4.css中的选择器基本可以分为7种,它们分别是
标签选择器;id选择器;类选择器;子代选择器;后代选择器;组/组合选择器;伪类选择器
5.在页面中实现文字滚动的标记是marquee.
6.通过属性poster可以设置在页面视频播放前的图片呈现.
7.在页面中嵌入多媒体,如:电影,声音,等用到的标签是
rideo,source,audio,embed.
8.用来在视频窗口下附加MS-WINDOWS的AVI播放控件条的属性是controls
9.css3中新增的伪类有哪些:
:first-child;:last-child;:nth-child
10.每间隔三秒就刷新页面的代码:
<meta http-equiv="refresh" content="3">
11.属性display的值有none;inline;block;inline-block
12.表单对象的名称由name属性设定,提交方法由method属性指定,若要提交大数据量的数据,则应采用post方法;表单提交后的数据处理程序由action属性指定.
二.简答题
1.HTML5中为什么要写<!Doctype html>?
答:文档类型(是HTML5的类型)是告诉浏览器当前的文档按照HTML5的类型进行编译执行(低版本不能识别高版本的语言).
2.行内元素有哪些?块元素有哪些?空元素有哪些?
答:
- 块级元素:div、p、ul、ol、li、h1~h6
- 行内元素:a、span、b、i、em、del、u
- 空元素::br、meta、hr、link、input、img、span、div
3.页面导入样式时,使用link和@import有什么区别?
答:
i.link属于xhtml标签,除了加载css外,还能用于定义Rss,定义rel链接属性等作用,而@import是css提供的,只能用于加载css;
ii.页面被加载时,link会同时被加载,而@import引用的css会等到页面被加载完再加载.
iii.@import是css2.1提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容性问题.
4.介绍一下css盒子模型?
答:
盒模型:内容(content)、填充(padding)、边界(margin)、边框(border)。
5.css3中新增的伪类有哪些?
答:
:first-child;:last-child;:nth-child;:nth-last-child;:selection ;empty;:target
6.margin-top塌陷是如何产生的?以及解决方法有哪些?
答:
产生:一个元素中含有一个子元素,给子元素添加margin-top时,会发现将设置的值添加给了父元素,导致子元素设置 margin-top失效.
解决方法
(1)给与元素加overflow:hidden
(2)给父元素加border边框
(3)伪元素
7.浮动元素不会撑开父元素的大小,那么如何解决父元素撑开的问题?(你有哪些方式)?
答:
方法一:使用带clear属性的空元素
在浮动元素后使用一个空元素如
<div class="clear"></div>
<br class="clear" />
<hr class="clear" />
并在CSS中赋予.clear{clear:both;}属性即可清理浮动。
方法二:使用CSS的overflow属性
给浮动元素的容器添加overflow:hidden;或overflow:auto;可以清除浮动
方法三:给浮动的元素的容器添加浮动
给浮动元素的容器也添加上浮动属性即可清除内部浮动,但是这样会使其整体浮动,影响布局,不推荐使用。
方法四:使用CSS的:after伪元素
给浮动元素的容器添加一个clearfix的class,然后给这个class添加一个:after伪元素实现元素末尾添加一个看不见的块元素清理浮动。
.clearfix:after{
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{
zoom: 1;
}
方法五:使用双伪元素清除法 :before和:after
.clearfix:before,.clearfix:after{
content: "";
display: table;
}
.clearfix:after{
clear:both;
}
8.前端开发由三层构成,分别是什么以及作用是什么?
答:
- 结构层(HTML)、表现层(CSS)、行为层(Java script)
- 结构层:由HTML或XHTML之类的标记语言负责创建。
- 表示层:由css负责创建。用来美化HTML结构,重点是css可以很好的将结构和表现进行分离。
- 行为层 :提供用户和界面的交互,负责回答“内容应该如何对事件做出反应”这一问题。
9.你对css的权重作何理解?
答:
在考虑权重情况下,继承样式权重为0,优先级是最低的,行内样式优先。应用style属性的元素,他的优先级非常高。可定义一个!important命令,该命令被赋予最大优先级。
默认:行内>内嵌>外联样式
使用一个四位数字表示,它更像是四个级别,值从左到右,右边最大,一级大于一级。
继承或*(通配符)的权重 0,0,0,0
元素选择器的权重 0,0,0,1
类选择器(伪类属性) 0,0,1,0
ID选择器权重 0,1,0,0
行为样式权重 1,0,0,0,
使用!important命令 无限大
10.表单提交时:get和post提交方式的区别是什么?
答:
get 方法:【默认值】将数据附加在网址的后面进行传输
1)所有出现文件名(URL)的地方都可以打开?进行get方式传值
2)只能用来传输少量的数据
3)在网址后面可以直接看到,不安全
post方法:不会附加在网址后面(隐形的传值)
1)post方式可以传大量数据(上传文件)
2)隐形传输,非常安全