用DIV+CSS实现网页布局及网站设计
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
学号:1407010222 姓名:叶亮班级:14计算机2班实验二用DIV+CSS实现网页布局及网站设计
一、实验目的与要求
1. 掌握HTML基本标签的应用
2. 掌握CSS基本知识。
3. 掌握用DIV+CSS实现网页布局及网站设计。
二、实验内容
1. 插入CSS样式表
2. 建立DIV标签
3. 构建网站主要内容
三、源程序
.h {
font-family: 黑体;
font-size: 18px;
font-style:normal ;
}
p {
text-indent: 20px;
text-align: center;
line-height: 150px;
word-spacing: 10px;
letter-spacing: 10px;
text-decoration: underline;
font-family:楷体;
font-style: italic;
font-size: 60px;
color:darkgoldenrod;
font-weight: bold;
}
p1 {
font-family: 仿宋;
font-size: 30px;
color:blue;
font-weight: bold;
}
#container {
width :810px;
margin :auto ;
background-color:aquamarine;
}
#header {
height:150px;
background-image:url(/images/1.jpg);
background-repeat:round;
}
#main {
background-color:darkorange;
height :400px;
margin-bottom:5px;
}
#lside {
background-color:darkkhaki;
width :403px;
float :left;
height :395px;
margin-right:5px;
margin-top:5px;
background-image:url(/images/b1.jpg);
background-repeat:round;
}
#rside {
background-color:darkseagreen;
width :402px;
float :right;
height :395px;
margin-top:5px;
background-image:url(/images/b2.jpg);
background-repeat:round;
}
#footer {
height :390px;
background-image:url(/images/b3.jpg);
background-repeat:round;
}
经典小说推荐
《大秦帝国》 华夏历史上最强大帝国的崛起与没落。 height="220"align="top"/> | 《水浒传》 一百零八个男男女女的恩怨情仇,家国天下。 |
《基地》 这部经典的主题是哈里・谢顿以及一个伟大星际帝国的衰亡。 | 《三体》 一部在光年尺度上重新演绎的中国现代史,一个文明二百次毁灭与重生的传奇。 |