标准之路div+css网页版式宽度固定、自适应布局模板频道上线

作者 ××× 来源:aa25.cn 浏览:  【 】 发布时间:08-08-29 

  为了使网页设计师省去每次构架整体布局的麻烦,标准之路经过长时间的积累总结,推出这一系列共50套的div+css网页标准版式布局。一方面可以下载直接使用,另外也可做为初学者循序渐进学习的实例教程。

  本套模板分为两部分,一部分为固定宽度布局,即主体内容的左右侧宽度都固定;另外一部分为自适应宽度,可以适应浏览器的宽度。基本上涵盖了从一列到三列的所有常用版式布局,希望能给您的工作和学习带来事半功倍的效果。

  本套模板全部为本人制作完成,由于本人水平有限,中间难免有不足或疏漏之处,请发现的朋友及时在此留言(留言时注明模板编号、出错地方),我会及时更正。同时,转载的朋友一定要保留本站的版权标识和链接,一方面是对读者的负责任,另外也是对作者的尊重,谢谢!

  包含以下版式:访问地址:http://www.aa25.cn/layout/

  1. 1列固定宽度居中
  2. 1列固定宽度居中+头部
  3. 1列固定宽度居中+头部+尾部
  4. 1列固定宽度居中+头部+导航+尾部
  5. 2列固定宽度居中左窄右宽型
  6. 2列固定宽度居中右窄左宽型
  7. 2列固定宽度居中平分型
  8. 2列固定宽度左窄右宽型+头部
  9. 2列固定宽度右窄左宽型+头部
  10. 2列固定宽度左窄右宽型+头部+尾部
  11. 2列固定宽度右窄左宽型+头部+尾部
  12. 2列固定宽度左窄右宽型+头部+导航+尾部
  13. 2列固定宽度右窄左宽型+头部+导航+尾部
  14. 2列固定宽度左窄右宽型+头部+导航+尾部
  15. 2列固定宽度右窄左宽型+头部+导航+尾部
  16. 3列固定宽度居中
  17. 3列固定宽度居中+头部
  18. 3列固定宽度居中+头部+尾部
  19. 3列固定宽度居中+头部+导航
  20. 3列固定宽度居中+头部+导航+尾部
  21. 2列左窄右宽、高度自适应+头部+导航+尾部
  22. 2列右窄左宽、高度自适应+头部+导航+尾部
  23. 2列左窄右宽高度自适应且未知高度底部平齐、型+头部+导航+尾部
  24. 2列右窄左宽、高度自适应且未知高度底部平齐+头部+导航+尾部
  25. 1列自适应宽度
  26. 1列自适应宽度+头部
  27. 1列自适应宽度居中+头部+尾部
  28. 1列固定宽度居中+头部+导航+尾部
  29. 2列左侧固定,右侧自适应宽度,中间无缝型
  30. 2列右侧固定,左侧自适应宽度,中间无缝型
  31. 2列左侧固定,右侧自适应宽度
  32. 2列右侧固定,左侧自适应宽度
  33. 2列左侧百分比右侧自适应
  34. 2列左侧固定,右侧自适应宽度+头部
  35. 2列右侧固定左侧自适应宽度+头部
  36. 2列左侧固定右侧自适应宽度+头部+尾部
  37. 2列右侧固定,左侧自适应宽度+头部+尾部
  38. 2列左侧固定,右侧自适应宽度+头部+导航
  39. 2列右侧固定左侧自适应宽度+头部+导航
  40. 2列左侧固定右侧自适应宽度+头部+导航+尾部
  41. 2列右侧固定左侧自适应宽度+头部+导航+尾部
  42. 3列左右侧固定,中间列自适应居中
  43. 3列左右侧固定,中间列自适应居中+头部
  44. 3列左右侧固定,中间列自适应居中+头部+尾部
  45. 3列左右侧固定,中间列自适应居中+头部+导航
  46. 3列左右侧固定,中间列自适应居中+头部+导航+尾部
  47. 2列左侧固定右侧自适应宽度,未知高度+头部+导航+尾部
  48. 2列右侧固定左侧自适应宽度,未知高度+头部+导航+尾部
  49. 2列左侧固定右侧自适应宽度,未知高度且底部平齐+头部+导航+尾部
  50. 2列右侧固定左侧自适应宽度,未知高度且底部平齐+头部+导航+尾部
本文来自:http://www.aa25.cn/491.shtml

网友评论