刚刚看了一份 W3C CSS3 的文档,是关于 Gird (网格?)布局草案的说明。无论它最终实现是否如草案中的描述,但这个功能本身就已经足够吸引人了。
我们看看下面这张图:
图中蓝色的线不会出现在实际的网页中。对于这个布局复杂的三栏网页来说,如果使用 CSS3 Gird 布局的话,我们只需这样写:
body { columns:3; column-gap:0.5in; }
img { float:page top right; width:3gr; }
其中,body 部分声明页面为 3 栏,栏间距为 0.5英寸;img 中 float 属性指明图片浮动位置为页面的右上角(CSS3 定位好强大 -__-),而宽度为 3 个栏宽。只需这样两行 CSS,我们就可以实现这个复杂的布局了。真的很神奇。
Gird 布局是好,不过如果你认为它很简单的话,你就大错特错了。看看 w3c 中关于它的介绍,你会发现理解它的意义不亚于看懂天书。好在还是个草案,但愿它到了正式版的时候,能够更加简单易用点。
Gird 布局应用很广泛,最简单的例子就是内容的分栏显示。但这个 CSS3 特性目前还没有任何浏览器可以支持它。谁要是能第一个支持它(以及其它 CSS3 草案),那就酷毙了。不知道,最近异常低调的 IE8,会不会是这第一个吃螃蟹的人呢?
相关推荐
css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css3.0参考手册css...
完整的CSS2.0和CSS3.0的chm文档,可以方便地查询CSS的各种属性和用法。
css3.0 css3帮助文档 css3.chm
css 3.0 插件 dreamweavercss 3.0 插件 dreamweavercss 3.0 插件 dreamweavercss 3.0 插件 dreamweavercss 3.0 插件 dreamweavercss 3.0 插件 dreamweaver
CSS3.0中文参考手册,CSS3.0中文参考手册,CSS3.0中文参考手册,CSS3.0中文参考手册,CSS3.0中文参考手册,CSS3.0中文参考手册CSS3.0中文参考手册,CSS3.0中文参考手册,CSS3.0中文参考手册
中文帮助文档 Html5中文帮助文档 Css3.0中文帮助文档 Html5 Css3.0 中文帮助文档 Html5中文帮助文档 Css3.0中文帮助文档 Html5 Css3.0
《DIV+CSS 3.0:网页布局案例精粹》系统地介绍了CSS样式的基础理论和实际应用技术,并结合实例来介绍使用Div+CSS布局制作网页的方法和技巧。在介绍使用CSS样式进行设计的同时,还结合实际网页制作中可能遇到的问题,...
这是《css商业网站布局之道》光盘里附带的的CSS中文完全参考手册,chm制作的非常不错,页面很精美,内容很充实,而且每一项都编辑得很好,很专业。
CSS3.0基础知识,介绍了级联风格样式表的相关信息以及如何用CSS3.0进行网页风格设计
CSS 3.0 API文档中文版,以最低分上传提供给大家下载。
样式表样式css3.0文档下载! 样式表样式css3.0文档下载! 样式表样式css3.0文档下载!
css2.0和css3.0的中文参考手册
本压缩包解压后含两本手册,内容如下: css2.0 参考手册 本手册针对的是已有一定网页设计制作经验的读者。... 本手册为最新的CSS 3.0 完整中文版参考手册含目录索引,提供了最新CSS3.0的完整参考内容。
所有需要的css资源都能在这个包中找到,囊括了css3.0和css2.0的内容。
对于网页开发的同学们来说CSS样式是必不可少的主流样式。
HTML5+CSS3.0参考手册 HTML5+CSS3.0参考手册 HTML5+CSS3.0参考手册
css3.0 教程 教学 新特性 快速了解 掌握
CSS3.0与html5.0参考手册.rar,网页设计/网页布局最新版本的参考文档 CSS3.0 html5.0
css3.0 样式表手册
html5+css3.0参考手册.rar