0 Comments

CSS布局:40个教程、技巧、例子和最佳实践(2)

发布于:2013-11-08  |   作者:广州网站建设  |   已聚集:人围观

关于布局的最佳资源

下面的大多数这些资源不需要许可就能直接使用,然而,其中的一些需要先发邮件确认一下是否可以使用这些资源。因此,在使用之前最好先检查资源的版权信息。

20、简单CSS页面布局- 这里有一套2栏和3栏的CSS布局。
广州网站建设,网站建设,广州网页设计,广州网站设计

你可以通过这里查看这些样例 Liquid three column layout, Left aligned, set widthand Liquid insanity.

21、完美的三栏变宽布局(百分比定宽度)The Perfect 3 Column Liquid Layout (Percentage widths)- 没有CSS hack(译者注:不知道怎么翻译,点击这里查看解释). 良好地收索引擎优化.无图. 无Javascript. 跨浏览器 和IPHONE设备兼容。

你可以通过这里查看样例 Liquid three column layoutLeft aligned, set width 和Liquid insanity. (译者注:这里的链接和上面重复了,哎,原文的错误吧)
广州网站建设,网站建设,广州网页设计,广州网站设计

22、CSS模板和样例

你可以通过这里查看这些样例 3 columns fixed centeredfixed Box totallycenteredand 3 columns, alldynamic

23、IM 布局- IM 布局是一种简单地的CSS布局系统,IM布局提供了全A级的浏览器的支持。

你可以通过这里查看这些样例: The Holy Grail 3 Column LayoutThe Classic Blog Layout  The Multi Column Layout.

24、CSSplay - CSS布局列表

你可以通过这里查看这些样例:Cross browser FIXEDThree columns and CSS Frame – The Holy Grill.

25、Layoutgala - 基于同样的的标记l得到最大数量的不同的布局方式。没有CCS hack,没有CSS workaround ,良好的浏览器兼容性。40种不同布局。

你可以通过这里查看这些样例:Three fixed ColumnsThree percentage columns andLiquid, three columns, hybrid widths (吐槽:没有等高,不好看).

26、Glish- 许多有用的跨浏览器布局技术

你可以通过这里查看这些样例: 3 columns, the holy grail, 2 columns, ALA style and 3 columns, all fluid

27、Thenoodleincident- CSS 从简单的单盒到3盒并增加一个顶部条,所有都是变宽。

28、The Layout Reservoir- 很多有用的CSS布局技术

你可以通过这里查看这些样例: 2 columns – left menu, 3 columns – flanking menusAuto-width Margins .

29、The only CSS layout you need- 在这篇文章中将会为你展现10个基于同一的HTML的不同的的布局。

你可以通过这里查看这些样例: Three column CSS layout – left and right menuTwo column CSS layout – top and left menu 和 Three column CSS fluid layout: 100% width

30、另一个多栏布局-是一个创建当代流行的变宽的浮动布局的XHTML/CSS框架。这是一个多功能实用的布局。

点击这里下载.

31、Liquid Designs- 使用XHTML和CSS的变宽设计库。

标签:
飞机