XHTML+CSS布局的使用點滴

來源:互聯網
上載者:User

前幾天,在網上看到一個不錯的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哪些是塊狀元素要能記住,特別是常用的幾個。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.