Html5開發——html+css基礎二(個人部落格一)

來源:互聯網
上載者:User

標籤:blog   http   使用   2014   問題   html   代碼   div   

今天沒有寫完,而且寫的還有點問題,所以今天就先不上傳代碼了(ps:快寫完了才發現布局有問題,導致代碼太多,感覺寫的不是很好,所以今天先分析一下布局)

第一步先寫一個大的div用來放ABC三個部分,這個大的div置中!

第二步分別寫ABC三個部分,ABC三個部分分別使用浮動(float)來定位。A和B都各使用了一張非常小的圖片,通過重複(repeat)屬性產生A和B

第三步C部分分別寫好3~16這幾個模組,在通過組合利用浮動定位。分組如下:

  E:3

  F:4、7、10、13

  G:5、8、11、14

  H:5、9、12、15

  J:16

然後利用E、F、G、H、J通過浮動定位。

這期間有許多問題,比如ABC的置中,浮動之間的相互影響。這些問題,我會在明天結合相關的代碼進行詳細的解釋。PS:由於代碼不是很合理所以今天就不上傳代碼和素材了。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

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.