css教程–十步学会用css建站(全)[翻译]
作者：Jorux 来源：Jorux记事本 发布时间：2008-06-05 18:35:00
标签：教程,布局,div,框架,样式,设计,浏览器
本篇已得到原作者Steve Dennis的翻译准予，在此Jorux表示感谢！
本教程主要参考Creating a CSS Layout from scratch，由Jorux翻译，以意译为主，其间加入了不少Jorux的个人观点，省略了一些多余的说明，请读者明鉴。
目录：
第一步：规划网站，本教程将以图示为例构建网站；
第二步：创建html模板及文件目录等；
第三步：将网站分为五个div，网页基本布局的基础；
第四步：网页布局与div浮动等；
第五步：网页主要框架之外的附加结构的布局与表现；
第六步：页面内的基本文本的样式(css)设置；
第七步：网站头部图标与logo部分的设计；
第八步：页脚信息(版权等)的表现设置；
第九步：导航条的制作(较难)；
第十步：解决IE浏览器的显示BUG；
第一步：规划网站，本教程将以图示为例构建网站
1.规划网站，本教程将以下图为例构建网站。
其基本布局见下图：
主要由五个部分构成：
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
0
投稿猜你喜欢
1.加载数据库，数据库的配置不能写死在seting.py文件中，下面的方式是读取另外一个文件，配置数据库：config = '- 今天来研究python中moviepy模块的用途近来有大量处理视频的需求，常会碰到一个问题是下载的视频音量过小，会需要将它调大声，虽然有在线
- LBound函数：返回指定数组维的最小可用下标；UBound函数：返回指定数组维的最小可用上标；LBound(arrayname, [,di
- 如下所示：def list_dict_duplicate_removal(): data_list = [{"a&qu
- 网站上传图片后生成缩略图应该是非常常用的功能了，通常来讲为了网站显示美观，缩略图会是同样尺寸，比如最近笔者做的一个站点，缩略图规格要求都是1
- 网上看到过许多螺旋线的程序，但不是黑色就是单个颜色不变。这里作者编了一个程序，还很漂亮的。希望大家喜欢！！！使用turtle绘图。代码如下。
- MySQL是一个非常流行的小型关 系型数据库管理系统，2008年1月16号被Sun公司收购。目前MySQL被广泛地应用在Internet上的
- Golang与python线程详解及简单实例在GO中，开启15个线程，每个线程把全局变量遍历增加100000次，因此预测结果是 15*100
- 注：对多选按钮操作。 1：批量全选添加、批量移除。 2：行单选添加、移除。 3：分页之后(全选或不选)状态标识依然存在 /* *****&g
- 本文记录了MySQL下载安装详细教程，供大家参考，具体内容如下1.下载MySQL数据库可以访问官方网站：2.点击DOWNLOADS模块下的C
- 如果和不同的后台调接口，如果后台接口没有合到一起，前端可以配不同的代理来共同访问他们的接口在config文件夹下的index.js中设置如下
- 对于爬虫中部分网站设置了请求次数过多后会封杀ip，现在模拟浏览器进行爬虫，也就是说让服务器认识到访问他的是真正的浏览器而不是机器操作简单的直
- 分区视图联接来自一组成员的水平分区数据，使数据看起来象来自同一张表。SQL Server 2000 区分本地分区视图和分布式分区视图。在本地
- 如今，基本每个网站都会需要到Tab切换展示内容的滑动门效果应用，这种效果可以在更少的页面空间内，展示更多的网站内容，节约空间，方便用户集中操
- 位置参数这是一个求等差数列和的函数，使用必需要传入一个参数n，这就是位置参数def sum(n): sum=0 &
- CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为
- 这篇文章主要介绍了如何基于Python实现电子邮件的发送,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的
- 本文实例讲述了JS实现为排序好的字符串找出重复行的方法。分享给大家供大家参考，具体如下：实现这样一个需求，在一个Editplus文档中，有很
- 最近的答题赢钱很火爆，我也参与了几次，有些题目确实很难答，但是10秒钟的时间根本不够百度的，所以写了个辅助挂，这样可以出现题目时自动百度，这
- 我们肯定都很熟悉商品购物车这一功能，每当我们在某宝某东上购买商品的时候，看中了哪件商品，就会加入购物车中，最后结算。购物车这一功能，方便消费
