日期：2010-11-03 09:55:00 来源：本站整理

DIV+css网站筹划之第二步[网站美工]

赞助商链接

分享到： QQ空间新浪微博腾讯微博人人网

本文“DIV+css网站筹划之第二步[网站美工]”是由七道奇为您精心收集，来源于网络转载，文章版权归文章作者所有，本站不对其观点以及内容做任何评价，请读者自行判断，以下是其具体内容：

第二步:成立html模板及文件目录等

1.成立html模板.
　　代码以下:
Example Source Code [

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> 
<title>CompanyName - PageName</title> 
<meta http-equiv="Content-Language" content="en-us" />   
<meta http-equiv="imagetoolbar" content="no" /> 
<meta name="MSSmartTagsPreventParsing" content="true" />   
<meta name="description" content="Description" /> 
<meta name="keywords" content="Keywords" />   
<meta name="author" content="Enlighten Designs" /> 
<style type="text/css" media="all">@import "css/master.css";</style> 
</head> 
<body> 
</body> 
</html>

　　将其保存为index.html,并成立文件夹css,images,网站构造以下:

2.成立网站的大框:
　　成立一个宽760px的盒子,它将包含网站的全部元素.
　　在html文件的<body>和</body>之间写入

Example Source Code [

<div id="page-container"> 
Hello world.  
</div>

　　成立css文件,命名为master.css,保存在/css/文件夹下.写入:

Example Source Code [

#page-container {  
width: 760px;  
background: red;  
}

　　掌握html的id为page-container的盒子的宽为760px,后台为红色.

　　目前为了让盒子居中,写入margin: auto;,使css文件为:

Example Source Code

#page-container {  
width: 760px;  
margin: auto;  
background: red;  
}

　　目前你可以看到盒子和浏览器的顶端有8px宽的闲暇.这是由于浏览器的默许的填充和边界造成的.消除这个闲暇,就需求在css文件中写入:

Example Source Code [

html, body {  
margin: 0;  
padding: 0;  
}

以上是“DIV+css网站筹划之第二步[网站美工]”的内容，如果你对以上该文章内容感兴趣，你可以看看七道奇为您推荐以下文章：

hosts是什么 hosts文件在什么位置若何改正hosts

在 Windows 8 中手动安装语言包

五个常见 PHP数据库问题

Windows中Alt键的12个高效快速的利用本领介绍

MySQL ORDER BY 的实现解析

详解MySQL存储历程参数有三种范例(in、out、inout)

Win8系统恢复出来经典的开始菜单的办法

Win8系统花屏怎么办 Win8系统花屏的办理办法

Windows 7系统下无线网卡安装

为什么 Linux不需求碎片整理

Windows 8中删除账户的几种办法(图)

教你如安在win7下配置路由器

本文地址：

与您的QQ/BBS好友分享!

[] [返回上一页] [打印]

好的评价　如果您觉得此文章好，就请您
0%(0)
差的评价　如果您觉得此文章差，就请您
0%(0)

文章评论评论内容只代表网友观点，与本站立场无关！

评论摘要(共 0 条，得分 0 分，平均 0 分) 查看完整评论

栏目导航

赞助商链接

免责条款 - 广告合作 - 下载声明 - 欢迎投稿 - 友情连接 -

<b>DIV+css网站筹划之第二步</b>[网站美工]

赞助商链接

文章评论评论内容只代表网友观点，与本站立场无关！

栏目导航

赞助商链接