《HTMLCSSJS期末复习题》由会员分享，可在线阅读，更多相关《HTMLCSSJS期末复习题（7页珍藏版）》请在金锄头文库上搜索。
1、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、表现和内容相分离 将设计
2、部分单独分离出来放在一个独立样式文件中，HTML 文件中只存放文本信息。 2、提高搜索引擎对网页的索引效率 利用只包含结构化内容的 HTML 代替嵌套的标签，搜索引擎将更有效地搜索到你的网页内容，并可能给你一个较高的评价。 3、提高页面浏览速度 对于同一个页面的视觉效果，采用 CSS+DIV 重构的页面容量要比 TABLE 编码的页面文件容量小得多，前者一般只有後者的 1/2 大小。 4、易于维护和改版 只要简单的修改几个 CSS文件就可以重新设计整个网站的页面。8.CSS 引入的方式有哪些? link 和import 的区别? (P136)差别 1：老祖宗的差别。link 属于 XHTML
3、标签，而import 完全是 CSS 提供的一种方式。link 标签除了可以加载 CSS 外，还可以做很多其它的事情，比如定义 RSS，定义 rel 连接属性等，import 就只能加载 CSS 了。差别 2：加载顺序的差别。当一个页面被加载的时候（就是被浏览者浏览的时候） ，link 引用的 CSS 会同时被加载，而import 引用的 CSS 会等到页面全部被下载完再被加载。所以有时候浏览import 加载 CSS 的页面时开始会没有样式（就是闪烁） ，网速慢的时候还挺明显。差别 3：兼容性的差别。由于import 是 CSS2.1 提出的所以老的浏览器不支持，import 只有在 IE5
4、 以上的才能识别，而 link 标签无此问题。差别 4：使用 dom 控制样式时的差别。当使用 javascript 控制 dom 去改变样式的时候，只能使用 link 标签，因为 import 不是 dom 可以控制的。差别 5：import 可以在 css 中再次引入其他样式表，比如可以创建一个主样式表，在主样式表中再引入其他的样式表1.设计图1 中文本框样式.背景为黄色，文字为蓝色边框线为红色.写出样式代码2对于下面的 HTML 代码/*菜单栏*/我的照片我的录像 我的日记其对应的样式表文件如下：A)#menu a margin-right:20pxB)#menu background:
5、#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; te
6、xt-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.
7、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
8、Math.PI*r*r);var rCirclr=8;var area=circleArea(8);alert(半径为 8 的圆的面积为+area);7无标题文档function student(name,address,phone)this.name=name;this.address=address;this.phone=phone;this.printstudent=function()line1=Name:+this.name+nline2=Address:+this.address+nline3=Phone:+this.phone+ndocument.writeln(line1,line2,line3);var Tom=new student(王芳,南京路 56 号,010-1238685);Tom.printstudent();8.无标题文档function MM_openBrWindow(theURL,winName,featrues)window.open(theURL,winName,featrues);
