CSS教程:十步学会用css建站
作者:希维• 更新时间:2023-08-31 19:00:42 •阅读 0
本教程主要参考 Creating a CSS Layout from scratch ,由Jorux翻译,以意译为主,其间加入了不少Jorux的个人观点,省略了一些多余的说明,请读者明鉴。
规划网站
首先需要规划网站,本教程将以下图为例构建网站。
其基本布局见下图:
主要由五个部分构成:
- Main Navigation 导航条,具有按钮特效。 Width: 760px Height: 50px
- Header 网站头部图标,包含网站的logo和站名。 Width: 760px Height: 150px
- Content 网站的主要内容。 Width: 480px Height: Changes depending on content
- Sidebar 边框,一些附加信息。 Width: 280px Height: Changes depending on
- Footer 网站底栏,包含版权信息等。 Width: 760px Height: 66px
1.创建html模板及文件目录等
代码如下:
|
将其保存为index.html,并创建文件夹css,images,网站结构如下:
2.创建网站的大框:
建立一个宽760px的盒子,它将包含网站的所有元素。
在html文件的
和之间写入 Hello world. 声明:希维路由器教程网提供的内容,仅供网友学习交流,如有侵权请与我们联系删除,谢谢。ihuangque@qq.com |