XHTML+CSS布局的使用点滴

本文通过对比DIV+CSS布局与ExtJS等技术,为初学者提供了快速理解和掌握DIV+CSS布局的方法。文中提到将DIV+CSS的默认样式与ExtJS的“form”属性进行对比,并通过float属性来实现类似于ExtJS中“column”的效果。

前几天,在网上看到一个不错的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哪些是块状元素要能记住,特别是常用的几个。


评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值