HTML+CSS+JS期末复习题.doc

1.为什么在网页中加入CSS？(P130)10点：2在HTML网页中添加CSS有几种方法？请分别介绍如何使用？(P136)四种方法：外部链接，行内定义，内部，嵌入3.JavaScript的特点有哪些？(P290)6点：4.CSS中margin和padding的区别margin是边界，padding是填充5.css 中id和class如何定义,哪个定义的优先级别高?id#(高) class.6.CSS中span和div的区别(P247)span是行内，div是块级元素7CSS+DIV 布局的优点有哪些？(P243)1、表现和内容相分离 将设计部分单独分离出来放在一个独立样式文件中，HTML文件中只存放文本信息。 2、提高搜索引擎对网页的索引效率 利用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的网页内容，并可能给你一个较高的评价。 3、提高页面浏览速度 对于同一个页面的视觉效果，采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有後者的1/2大小。 4、易于维护和改版 只要简单的修改几个CSS文件就可以重新设计整个网站的页面。8.CSS引入的方式有哪些? link和import的区别? (P136)差别1：老祖宗的差别。link属于XHTML标签，而import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，import就只能加载CSS了。差别2：加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而import引用的CSS会等到页面全部被下载完再被加载。所以有时候浏览import加载CSS的页面时开始会没有样式（就是闪烁），网速慢的时候还挺明显。差别3：兼容性的差别。由于import是CSS2.1提出的所以老的浏览器不支持，import只有在IE5以上的才能识别，而link标签无此问题。差别4：使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为import不是dom可以控制的。差别5：import可以在css中再次引入其他样式表，比如可以创建一个主样式表，在主样式表中再引入其他的样式表1.设计图1中文本框样式.背景为黄色，文字为蓝色边框线为红色.写出样式代码 2对于下面的HTML代码/*菜单栏*/ 我的照片 我的录像 我的日记 其对应的样式表文件如下：A)#menu a margin-right:20pxB)#menu background:#9bbb38; color:#fff; padding:4px 10pxC)#menu ul margin:0; padding:0; float:left; width:100%; background:#9bbb38D)#menu li padding:0; margin:0; list-style:none; float:left;E)#menu li a display:block; margin:0 1px 0 0; padding:4px 10px; width:60px; background:#9bbb38; color:#fff; text-align:center; text-decoration:none;#menu li a:hover background:#fff; color:#9bbb38请说明ABCDE行所定义样式3在背景图像中，要实现图中效果，怎样设置CSS？4下图中通过单击按钮来计算水果数。请写出html和 JavaScript代码。 无标题文档function sum()var apple=document.form1.apple.value;var banana=document.form1.banana.value;var sum=parseInt(apple)+parseInt(banana);document.form1.count.value=sum; 苹果数： 香蕉数： 水果数： 5.网页中实现一个计算当年还剩多少时间的倒数计时程序，要求网页上实时动态显示“年还剩天” 写出代码：无标题文档var begin=new Date();var to=new Date(January 1,2014);var date=to.getTime()-begin.getTime();var time=Math.floor(date/(1000*60*60*24);if(time=0)document.write(2013年还剩+time+天);6无标题文档var circleArea=new Function(r,return Math.PI*r*r);var rCirclr=8;var area=circleArea(8);alert(半径为8的圆的面积为+area);7无标题文档function student(name,address,phone)=name;this.address=address;this.phone=phone;this.printstudent=function()line1=Name:++nline2=Address:+this.address+nline3=Phone:+this.phone+ndocument.writeln(line1,line2,line3);var Tom=new student(王芳,南京路56号,01