{CSS}用CSS建设网站的实例_div+css布局教程_H5之家 - 中国HTML5教程资源分享第一站

css3入门

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

{CSS}用CSS建设网站的实例,学习{CSS}用CSS建设网站的实例,{CSS}用CSS建设网站的实例,查看{CSS}用CSS建设网站的实例,本篇已得到原作者Steve Dennis的翻译准予，在

本篇已得到原作者Steve Dennis的翻译准予，在此Jorux表示感谢！

本教程主要参考Creating a CSS Layout from scratch，由Jorux翻译，以意译为主，其间加入了不少Jorux的个人观点，省略了一些多余的说明，请读者明鉴。

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

1.规划网站，本教程将以下图为例构建网站。

其基本布局见下图：

DIV CSS网页布局实例：十步学会用CSS建站

主要由五个部分构成：

DIV CSS网页布局实例：十步学会用CSS建站

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}网站配色,CSS主色调配色方案_div+css布局教程$

${CSS}DIV CSS制作的个性水平导航菜单实例_div+css布局教程$

${CSS}总结新手学CSS轻易出现错误的内容_div+css布局教程$

${CSS}关于学习DIV CSS的一些精妙问答_div+css布局教程$

${CSS}学习CSS布局网页的一些实例_div+css布局教程$

热门资讯

关注我们

关注微信公众号，了解最新精彩内容