Web前端 C3+H5总结

落日映苍穹つ 2022-04-23 23:24 191阅读 0赞

## 一.填空题 ##

1.网页的后缀名通常为(xxx.html)或(xxx.htm)的页面.  
2.请写出在网页中设定表格边框的厚度的属性(border),设定表格单元格之间宽度属性(cellspacing),设定表格资料与单元格线的距离属性(cellpadding).  
4.css中的选择器基本可以分为(7)种,它们分别是(标签;id;类;子代;后代;组/组合;伪类).  
5.在页面中实现文字滚动的标记是(marquee).  
6.在页面中嵌入多媒体,如:电影,声音,等用到的标签是(rideo,audio).  
7.通过属性(poster)可以设置在页面视频播放前的图片呈现.  
8.用来在视频窗口下附加MS-WINDOWS的AVI播放控件条的属性是(controls).  
9.css3中新增的伪类有哪些(E:first-child;E:last-child;E:nth-child).  
10.属性display的值有(none;inline;block;inline-block).  
11.表单对象的名称由(name)属性设定,提交方法由(method)属性指定,若要提交大数据量的数据,则应采用(post)方法;表单提交后的数据处理程序由(action)属性指定.

## 简答题 ##

1.HTML5中为什么要写<!Doctype html>?  
告诉浏览器按照当前的文档按照HTML5的类型进行编译进行(低版本不能识别高版本的语言)  
2.行内元素有哪些？块元素有哪些？空元素有哪些?  
行内元素：span,a,input，em，strong  
块元素：div,ul,li,table.h1-h6,p,tr,td,th  
内联块元素：img  
3.页面导入样式时，使用link和@import有什么区别？  
.link属于xhtml标签,除了加载css外,还能用于定义Rss,定义rel链接属性等 作用,而@import是css提供的,只能用于加载css;  
.页面被加载时,link会同时被加载,而@import引用的css会等到页面被加载完再加载.  
.@import是css2.1提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容性问题  
4.介绍一下CSS盒子模型  
Html页面装一个个元素，就类似一个盒子。 有边框border，内容到边框的距离是属性padding, 边框到边框之间的距离是Margin. 盒子 里面的内容：content。  
5.CSS3中新增的伪类及特性有哪些?  
伪元素：E：first\_child(第一个子元素) E：last\_child(最后一个子元素) E:nth-child(n)选择第几个子元素  
6.Margin-top塌陷是如何产生的？以及解决方法有哪些？  
一个元素中含有一个子元素，给子元素添加margin\_top时，会发现将设置的值添加给父元素，导致子元素设置的margin\_top实效  
1.给父元素设置overflow:hidden  
2.给父元素添加一个边框border  
3.利用伪元素  
7.浮动元素不会撑开父元素的大小，那么如何解决父元素撑开的问题？（你有哪些方式）  
1.给父元素添加overflow:hidden  
2.给最后一个子元素添加

，样式里面设置clear:both  
3.给父元素添加伪元素.父元素：after\{  
content" ";  
display:table;  
\}  
8.前端开发由三层构成，分别是什么以及作用是什么？  
1.HMTL(超文本标记语言)，网页的骨骼  
2.CSS(层叠样式表)，美化HTML  
3.Java script(脚本语言)，行为层：提供用户和界面的交互  
9.你对CSS的权重作何理解并说明选择器权重的分配值？  
！Important(10000),行内样式(1000),id选择器(100),类选择器(10)，标签 子代选择器(1),伪元素 后代(0)  
10.表单提交时：get和post提交方式的区别是什么?  
get:提交数据量小，不安全，容易直接获取，但是速度快.  
post：提交的数据量大，安全性高，速度比较慢。  
11.描述下CSS3里实现元素动画的详细属性  
animation\_name 动画的名称  
animation\_duration 动画执行的时间  
animation\_timing\_function 动画执行的速度  
animation\_delay 动画延迟的时间  
animation\_iteration\_count 动画执行的次数  
animation\_direction 动画执行的方向  
animation\_fill\_mode 动画完成时的状态保持动画前执行还是动画后执行  
animation\_play\_state 设置动画播放时的状态 paused标识停止 running表示 开始  
12.Css中content属性有什么作用,常见在哪里使用它?  
在伪元素中会使用，after或者before需要添加的内容就会用到