Java Web 应用程序设计第2章习题参考答案 .pdf

第2章习题及答案

一、简答题

1.网页制作常用到的图片格式有哪些？

png-8，png-24，jpeg，gif，svg。

2.div+css的布局较table布局有什么优点？

正常场景一般都适用div+CSS布局，

优点：

1)结构与样式分离

2)代码语义性好

3)更符合HTML标准规范

3.css的引入方式有哪些(5)

1)外部导入(link标签)

2)style标签

3)标签内部添加style属性

三、上机实践

1.使用HTML与CSS样式设计制作在线报名页面。

2.设计一个满屏品字布局页面

!DOCTYPEhtml

htmllang=en

head

metacharset=UTF-8

titleDocument/title

styletype=text/css

html,body,.main{

width:100%;

height:100%;

}

1

*{

margin:0;

padding:0;

}

.top{

width:100%;

height:20%;

background-color:pink;

}

.bottom{

width:100%;

height:80%;

background-color:yellow;

}

.bottom_left{

width:15%;

height:100%;

background-color:green;

float:left;

}

.bottom_right{

width:85%;

height:100%;

background-color:teal;

margin-left:15%;

}

/style

/head

body

divclass=main

divclass=top/div

divclass=bottom

divclass=bottom_left/div

divclass=bottom_right/div

/div

/div

/body

/html

2.设计一个满屏品字布局页面。

!DOCTYPEhtml

htmllang=en

head

metacharset=UTF-8

titleDocument/title

2

styletype=text/css

html,body,.main{

width:100%;

height:100%;

}

*{

margin:0;

padding:0;

}

.top{

width:100%;