首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > 网站重构教程 > 正文
Google
Web标准实践——豆瓣的首页
来源:蓝色理想 作者:Farewelli 2007年01月30日 10:45 网友评论:0条 点击:

五、其他

  • 因为 FF 和 IE 对于 border: 1px dotted #DDD 显示的效果不一致。所以一般我会用背景代替(本例没有这么做)。
  • 文字大小的控制,在 body 中设置基准值 small,然后使用百分比控制其他所有的文字大小。具体可以参考Bulletproof Web Design中文版图书也已经上市。另,这只是习惯而已,在国内制作网页请根据实际情况量力而为。
  • 关于第四部分的写法,在另外的文章内有说明。
  • 在 CSS 的一开始,设定 *{margin: 0;padding: 0},统一各个浏览器的细微的差别。
  • 最后设置各部分的字体和元素间的间距,完成整个页面的制作。
    查看最终效果

IE 下会有些局部的差异,大家有兴趣的话,可以研究一下,这里仅为 Firefox 服务。

六、我们学到了什么

  • 利用 float 进行布局,特别是第二部分里面的第二种写法很常用;
  • 利用 position: absolute; 和 position: relative; 进行局部定位;
  • 列表项(<li>)的浮动块状显示;
  • 在制作符合标准的页面时,需要考虑 resizing window 和 change font size 的问题。
首页 上一页 [1] [2] [3] [4] [5] 下一页 尾页
上一篇:网站程序员如何应对web标准   下一篇:Web标准实践——Google的首页
收藏此页】【打印】【关闭
 相关文章  我要点评
·豆瓣对我的价值
·web标准页面知识必备Ⅰ
·豆瓣的去中心化(一)
·理解豆瓣的改版
·Web标准的web UI
·有感豆瓣的改版
·豆瓣改版引发热议的冷思考
·让Flash调用符合web标准

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】