当前位置:七道奇文章资讯网站建设网站美工
日期:2010-11-03 09:55:00  来源:本站整理

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

赞助商链接



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

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

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

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html> 
  4. <head> 
  5. <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> 
  6. <title>CompanyName - PageName</title> 
  7. <meta http-equiv="Content-Language" content="en-us" />   
  8. <meta http-equiv="imagetoolbar" content="no" /> 
  9. <meta name="MSSmartTagsPreventParsing" content="true" />   
  10. <meta name="description" content="Description" /> 
  11. <meta name="keywords" content="Keywords" />   
  12. <meta name="author" content="Enlighten Designs" /> 
  13. <style type="text/css" media="all">@import "css/master.css";</style> 
  14. </head> 
  15. <body> 
  16. </body> 
  17. </html> 
  18.  

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

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

Example Source Code [
 

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

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

Example Source Code [
 

  1. #page-container {  
  2. width: 760px;  
  3. background: red;  
  4. }  

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

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

Example Source Code
 

  1. #page-container {  
  2. width: 760px;  
  3. margin: auto;  
  4. background: red;  
  5. }  

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

Example Source Code [
 

  1. html, body {  
  2. margin: 0;  
  3. padding: 0;  
  4. }  

  以上是“<b>DIV+css网站筹划之第二步</b>[网站美工]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
  • <b>hosts是什么 hosts文件在什么位置 若何改正hosts</b>
  • <b>在 Windows 8 中手动安装语言包</b>
  • <b>五个常见 PHP数据库问题</b>
  • Windows中Alt键的12个高效快速的利用本领介绍
  • <b>MySQL ORDER BY 的实现解析</b>
  • <b>详解MySQL存储历程参数有三种范例(in、out、inout)</b>
  • <b>Win8系统恢复出来经典的开始菜单的办法</b>
  • <b>Win8系统花屏怎么办 Win8系统花屏的办理办法</b>
  • <b>Windows 7系统下无线网卡安装</b>
  • <b>为什么 Linux不需求碎片整理</b>
  • <b>Windows 8中删除账户的几种办法(图)</b>
  • <b>教你如安在win7下配置路由器</b>
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

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

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    Copyright © 2020-2022 www.xiamiku.com. All Rights Reserved .