电脑软硬件应用网
当前位置： 电脑软硬件应用网 > 设计学院 > 网络编程 > CSS教程 > 正文
[组图]用css网站布局之十步实录！（一）
用css网站布局之十步实录！（一）
2010-3-15 9:13:25　　文/52CSS 　　出处:52CSS 　　
　　第一步：规划网站，本教程将以图示为例构建网站

　　首先需要规划网站，本教程将以下图为例构建网站。 



　　其基本布局见下图：



主要由五个部分构成： 
 
1.Main Navigation 导航条，具有按钮特效。 Width: 760px Height: 50px 
2.Header 网站头部图标，包含网站的logo和站名。 Width: 760px Height: 150px 
3.Content 网站的主要内容。 Width: 480px Height: Changes depending on content 
4.Sidebar 边框，一些附加信息。 Width: 280px Height: Changes depending on 
5.Footer 网站底栏，包含版权信息等。 Width: 760px Height: 66px 
  • 上一篇文章：

  • 下一篇文章：
    • 最新热点 最新推荐 相关文章
    用CSS网站布局之十步实录（七）
    用CSS网站布局之十步实录（六）
    用css网站布局之十步实录（五）
    用css网站布局之十步实录！（四）
    用css网站布局之十步实录！（三）
    用css网站布局之十步实录！（二）
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号