第10章练习与实验答案

第十章 练习与实验答案

练习10

1.选择题

（1）B （2）A （3）C （4）B （5）A 2.简答题 略

实验10

1.代码

|

|

|

|

欢度新春佳节

CSS文件：

/* exp_10_1.css */

/* 应用对象：edu_10_1.html*/

body { font-family:Verdana; font-size:16px; margin:0; text-align:center; /*整个页面居中显示*/ } p{ margin:2px; font-size:14px; }

#Container { margin:0 auto; width:900px; }

#Header { height:118px; border-bottom:5px; background-color:rgb(230,230,230); border-bottom:5px solid #FFFFFF; }

#PageBody { height:380px; border-bottom:5px solid #FFFFFF; }

#SideBar { float:left;

width:200px; height:380px; background:#Dff100; text-align:center; padding:50px auto; border-right:5px solid #FFFFFF; }

#MainBody { float:right; width:695px; height:380px; background:#cff000; }

#Footer { height:60px; background-color:rgb(230,230,230); text-align:center; font-family:\ font-size:12px; padding-top:10px; } img{ float:left; }

span{ width:50px;height:30px; font-size:20px; font-family:\华文新魏\}

#Header span{padding-top:40px;} a{ width:48px;height:24px; font-size:20px; font-family:\华文新魏\

}

ul{list-style-type:none;margin:0px;padding:0px;} li{ width:50px;height:30px; font-size:20px; font-family:\华文新魏\

padding:10px 10px; }

h3{text-align:center;color:red;font-size:24px; background:#CFF000;padding:6px auto;}

a:link,a:visited,a:hover,a:active{text-decoration:none;display:block; }

a:hover{border-bottom:2px solid #FF0000;

background:#55A0FF;color:#FFFFFF;}

2．代码

DIV+CSS布局