css3技术

用css网站布局之十步实录!(一)_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-25 16:40 我要评论( )

用css网站布局之十步实录!(一),学习用css网站布局之十步实录!(一),用css网站布局之十步实录!(一),查看用css网站布局之十步实录!(一),第一步:规划网

第一步:规划网站,本教程将以图示为例构建网站

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



  其基本布局见下图:



主要由五个部分构成:

div css xhtml xml Example Source Code

Example Source Code []

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



 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 用css网站布局之十步实录!(二)_div+css布局教程

    用css网站布局之十步实录!(二)_div+css布局教程

    2015-09-25 16:37

  • 用css网站布局之十步实录!(十)_div+css布局教程

    用css网站布局之十步实录!(十)_div+css布局教程

    2015-09-21 18:18

  • 用css网站布局之十步实录!(九)_div+css布局教程

    用css网站布局之十步实录!(九)_div+css布局教程

    2015-09-21 18:18

  • 用css网站布局之十步实录!(四)_div+css布局教程

    用css网站布局之十步实录!(四)_div+css布局教程

    2015-09-21 18:18

网友点评