日期:2014-05-17  浏览次数:20682 次

XHTML+CSS布局的使用点滴

前几天,在网上看到一个不错的DIV+CSS布局的讲解(都已经在博客上转贴),看了收获真的很大,很多东西都豁然开朗,连成一篇。起码这2天自己写各种例子觉得都能够及时的找到答案和解决一些碰到的错误。

对于以前使用过Java的Swing,Flex以及ExtJS等这些东西,在使用DIV+CSS布局使会往这上面去对应。抛开DIV+CSS的技术不说,单从局部上,个人觉得有些相似:

默认的DIV样式就是一行,相当于ExtJS的“form”属性。DIV加上float,那就相当于ExtJS的“column”属性。float的left,right标识就是左右等。实际上像Flext的VBox,HBox,或者说像Android的Horizontal与Vertical都比较类似。

希望这么理解对那些用过ExtJS,Flex以及Anroid的人,但对CSS样式又很陌生的人能提供一些帮助。能够共同进步。

这么理解,自己觉得一下子DIV就好布局多了。

当然,一定要对DIV哪些是块状元素要能记住,特别是常用的几个。