Web前端 C3+H5总结

一.填空题

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需要添加的内容就会用到

猜你喜欢

转载自blog.csdn.net/weixin_44269204/article/details/89164828