正在阅读:CSS教程:十步学会用css建站CSS教程:十步学会用css建站

2008-12-09 09:59 出处: 作者:中国教程网 Jorux 责任编辑:zengxiaolan

  本篇已得到原作者 Steve Dennis 的翻译准予,在此Jorux表示感谢!
  本教程主要参考 Creating a CSS Layout from scratch ,由Jorux翻译,以意译为主,其间加入了不少Jorux的个人观点,省略了一些多余的说明,请读者明鉴。

  规划网站

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

CSS教程:十步学会用css建站
图1

  其基本布局见下图:

CSS教程:十步学会用css建站
图2

  主要由五个部分构成:
  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

键盘也能翻页,试试“← →”键

相关文章

关注我们

最新资讯离线随时看 聊天吐槽赢奖品