sohui 发表于 2013-2-7 22:40:09

转:20个不错的CSS页面布局相关资源推荐

本篇文章搜集整理的是CSS页面布局的一个很长的列表。如果你时间很少,那么可以下载已经准备好的CSS页面布局,如果你想进行个性化的尝试,下面列出了一些站点你可以不需过多努力而达到效果。
漂亮、免费的CSS模板

这个站点包括免费的CSS模板,只需复制粘贴,你就会有个吸引人的网站。
http://articles.csdn.net/uploads/allimg/110623/1350136035-0.jpg
More Information on Nice and Free CSS Templates
CSS布局

包含224个网格和CSS布局。
http://articles.csdn.net/uploads/allimg/110623/1350131607-1.jpg
More Information on CSS Layouts
CSS布局技巧: For Fun and Profit

该站点的所有的例子都精简到只有核心代码,你可以在每个页面找到源码,快速容易地理解CSS的内部工作。
http://articles.csdn.net/uploads/allimg/110623/1350134629-2.jpg
More Information on CSS Layout Techniques: for Fun and Profit
使用CSS和jQuery创建类似YouTube查看效果

使用CSS和jQuery创建类似YouTube查看效果。
http://articles.csdn.net/uploads/allimg/110623/13501354N-3.jpg
More Information on Create YouTube-like adaptable view using CSS and jQuery
CSS页面布局模板

一些示例模板,作者使用CSS和IDV创建。
http://articles.csdn.net/uploads/allimg/110623/13501329C-4.jpg
More Information on CSS Page Layout Templates
固定宽度的CSS布局

你可以找到42个不同的CSS布局。
http://articles.csdn.net/uploads/allimg/110623/1350135223-5.jpg
More Information on Fixed Width CSS Layouts
网页布局

使用CSS布局很容易。如果你习惯于使用表格进行布局,可能会遇到困难。当然你可以视网页每个部分为单独的块儿。你可以独立的布置这些块儿或相对于另一个块儿。
http://articles.csdn.net/uploads/allimg/110623/1350135392-6.jpg
More Information on Page Layout
固定宽带的CSS布局

这里有超过53个固定宽度的CSS布局,供下载。
http://articles.csdn.net/uploads/allimg/110623/13501321J-7.jpg
More Information on fixed width css layouts
布局盛宴layoutgala

40个布局。
http://articles.csdn.net/uploads/allimg/110623/135013A00-8.jpg
More Information on Layout Gala
创建等高列表的4个方法

该篇文章讨论了创建等高列表的4个方式,这些方式都显示如果创建三列布局。
http://articles.csdn.net/uploads/allimg/110623/135013A59-9.jpg
More Information on Four Methods to Create Equal Height Columns
使用CSS和jQuery进行显示切换

现在的网站用户希望网页更加的具有交互性,因此对于网页/内容的显示切换将很有必要。
http://articles.csdn.net/uploads/allimg/110623/135013G45-10.jpg
More Information on Easy Display Switch with CSS and jQuery
CSS等列高度脚本

CSS等列高度脚本,动态设置列高度到最高的列的高度,创建统一的列高度布局。
http://articles.csdn.net/uploads/allimg/110623/13501353N-11.jpg
More Information on CSS Equal Columns Height script
CSS布局

这里是一组免费的CSS网页布局,包括1、2、3列布局,免费。
http://articles.csdn.net/uploads/allimg/110623/1350135U3-12.jpg
More Information on CSS layouts
布局

在这里你可以找到非常不错的CSS布局。
http://articles.csdn.net/uploads/allimg/110623/1350135M8-13.jpg
More Information on Layouts
使网页拓展到浏览器窗口的底部

这种情况似乎表示内容的高度小于浏览器窗口的文档区域的高度,因此无法到达浏览器窗口的底部,那么可以尝试如下代码。
http://articles.csdn.net/uploads/allimg/110623/1350135G1-14.jpg
More Information on Making web pages extend to the bottom of the browser window
Facebook风格的页脚管理区

创建类似Facebook风格的页脚管理面板,可在这里找到教程。
http://articles.csdn.net/uploads/allimg/110623/1350135328-15.jpg
More Information on Facebook Style Footer Admin Panel Part 1
CSS模板

所有的模板都是XHTML 1.0和CSS2。
http://articles.csdn.net/uploads/allimg/110623/1350135029-16.jpg
More Information on CSS TEMPLATES
CSS布局生成器

该生成器帮助你使用验证的HTML和CSS创建网站模板结构。
http://articles.csdn.net/uploads/allimg/110623/135013OD-17.jpg
More Information on CSS Layout Generator
创建基于固定页面布局的CSS

作者主要关注于如何使用不同的捆绑在Netbeans Visual Web的一些HTML元素的布局面板。
http://articles.csdn.net/uploads/allimg/110623/1350134305-18.jpg
More Information on Creating a CSS Based Fixed Page Layout
适应性浏览,如何办到?Adaptable View – How Do They Do It?

适应性浏览是用户界面设计样式-你可以为了满足用户需求,让用户改变内容的可视呈现。这通常要切换风格(网站或应用)来做到。
http://articles.csdn.net/uploads/allimg/110623/135013D93-19.jpg
More Information on Adaptable view – how do they do it?
原文出自:20 Super Techniques For CSS Page Layouts
译文出自:开源中国社区
页: [1]
查看完整版本: 转:20个不错的CSS页面布局相关资源推荐