网页设计复习题解答.doc

1.为什么在网页中加入CSS？Css称为“层叠样式表”，它是一种制作网页的新技术，可以是网页后台代码显得更加清晰，实现内容与格式的分离，而且可以实现代码的复用，在网页排版中起着至关重要的作用。2在HTML网页中添加CSS有几种方法？请分别介绍如何使用？有4种方法。1链接方式：在html页面中使用标签来添加外部样式表，其基本语法格式为2行内方式：直接在html页面内的标签中添加style属性，然后在style属性中定义所需的样式属性其基本语法格式为：3嵌入外部样式：在html代码的主体中直接导入样式表，基本语法格式为：import url(“外部样式表文件名”);4定义内部样式表：直接在html文档的中设置样式，基本格式为：选择符1样式属性：属性值；样式属性：属性值；.选择符2样式属性：属性值；样式属性：属性值；.选择符3样式属性：属性值；样式属性：属性值；.3.JavaScript的特点有哪些？是一种脚本编写语言，采用小程序段的方式实现编程；是一种基于对象的语言；简单； 安全； 语言是动态的； 具有跨平台性；4.CSS中margin和padding的区别 Margin控制元素边框之间的间距，padding控制元素里的内容与边框的间距5.css 中id和class如何定义,哪个定义的优先级别高?、 两个都属于css选择器，id选择器定义时在选择符前面加上”#”，而class选择器定义时在选择符前面加上”.”，id定义的优先级别高6.CSS中span和div的区别 Div是一个块级元素，而span是一个行内元素，它没有结构的意义，纯粹是一个样式，span的前后是不会换行的，而一般一个div占一行7CSS+DIV 布局的优点有哪些？一、使页面载入得更快 二、降低流量费用三、修改设计时更有效率 四、保持视觉的一致性五、更好地被搜索引擎收录 六、对浏览者和浏览器更具亲和力8.CSS引入的方式有哪些? link和import的区别?link是一个html的一个标签，而import是css的一个标签,link除了调用css外还可以有其他作用譬如声明页面链接属性，声明目录等等，而import就只能调用css。1，设计图1中文本框样式.背景为黄色，文字为蓝色边框线为红色.写出样式代码2对于下面的HTML代码/*菜单栏*/ 我的照片 我的录像 我的日记 其对应的样式表文件如下：A)#menu a margin-right:20px 链接 右边距20像素B)#menu background:#9bbb38; color:#fff; padding:4px 10px Div层背景为绿色，层内文字颜色为白色，层内上下边距4像素，左右边距10像素C)#menu ul margin:0; padding:0; float:left; width:100%; background:#9bbb38列表 内边距外边距为零，左浮动，宽度为100%，背景色为绿色D)#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;元素内的链接 以块的方式显示，上下左外边距为零，右外边距为1像素，上下内边距为4像素，左右内边距为10像素，宽度60像素，背景绿色，链接文字颜色为白色，文字居中，无下划线#menu li a:hover background:#fff; color:#9bbb38鼠标经过链接而不点击时链接背景为白色，文字颜色为绿色请说明ABCDE行所定义样式1在背景图像中，要实现图中效果，怎样设置CSS？ .tuBackground-image:url(image1.jpg);Background-replay: replay - y; 3下图中通过单击按钮来计算水果数。请写出html和 JavaScript代码。 function computer()var opera1=document.form1.apple.value;var opera2=document.form1.banana.value;var opera3=parseInt(opera1)+parseInt(opera2);document.form1.fruit.value=opera3;苹果数：香蕉数：水果数：4，网页中实现一个计算当年还剩多少时间的倒数计时程序，要求网页上实时动态显示“年还剩天” 写出代码：倒计时function counter()var date=new Date();var year=date.getFullYear();var date2=new Date (year,11,31,23,59,59);var time=(date2-date)/1000;var day=Math.floor(time/(24*60*60);/var hour= Math.floor(time/(60*60);/var minute= Math.floor(time/(24*60*60)/(60*60)/60);/var second=Math.floor(time/(24*60*60)%(60*60)&60);/var str=year+年还剩+day+天+hour+时+minute+分+second+秒;var str=year+年还剩+day+天;document.getElementById(input).value=str;window.setInterval(counter(),1000); 5function getArea()var r=8; var area=Math.PI*r*r;return area;alert(半径为8的圆的面积为：+getArea();6function student(name,address,phone)=name;this.address=address;this.phone=phone;this.printstu=function()stuName=Name:++;stuAdd=Address:+this.address+;stuPhone=Phone:+this.phone+;document.writeln(stuN