HTML+CSS 学校信息与网络中心静态网页设计

最新推荐文章于 2024-08-22 00:37:41 发布

gosolo_

最新推荐文章于 2024-08-22 00:37:41 发布

阅读量2.4w

点赞数 37

文章标签： html+css

本文链接：https://blog.csdn.net/gufudhn/article/details/80349379

版权

本文介绍了使用Adobe Dreamweaver CS6进行HTML和CSS结合的学校信息与网络中心静态网页设计过程，强调了内部样式的应用。

摘要由CSDN通过智能技术生成

页面如下：

代码如下所示：

用Adobe Dreamweaver CS6 制作

HTML连接CSS方式采用内部样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>信息与网络中心</title>
<style type="text/css">
<!--
/*整体样式设计*/
body{ margin:0; padding:0;font:12px/1.6 Arial;}
ul{ margin:0; padding:0; list-style-type:none;}
a{ color:#999900; text-decoration:none;}
p{ text-indent:2em;}
/*页头部分*/
#header{
background:url(images/header.png) no-repeat;
width:768px;
height:191px;
margin:0 auto;
position:relative;}
h1{margin:0;}
#header #logo{position:absolute;top:10px;left:85px;}
#header #topnav{position:absolute;top:10px;right:40px;}
#header #topnav li{ float:left;padding:4px 10px 2px; margin:0 4px;}
/*内容部分*/
#content{width:760px;margin:0 auto; padding:5px;}
#maincontent{float:left;width:540px;}
#sidebar{float:right;width:207px;}
/*页脚部分*/
#footer{
clear:both;
width:768px;
height:58px;
margin:0 auto;
text-indent:0;
text-align:center;
background:#ddf0f9 url(images/footer.png) repeat-x;}
/*视觉设计--页头部分*/
#header h1{
background:url(images/title.png) no-repeat;
height:46px;
width:322px;
position:absolute;
top