鏈接:Learn CSS Layout
在生動(dòng)形象的案例中,一頁(yè)一頁(yè)地教你如何使用 CSS 進(jìn)行網(wǎng)頁(yè)的布局。簡(jiǎn)單生動(dòng)的示例幫你理解 display , margin:auto , box-model(盒模型) , box-sizing , position , float , clear , clearfix hack(清除浮動(dòng)技巧) , media queries(響應(yīng)式WEB設(shè)計(jì)的利器) , inline-block , column , flexbox 這些最常用的基本 CSS 技巧以及時(shí)下最流行的 CSS3 新技術(shù)。網(wǎng)站主題明確,并不是介紹 CSS 的語(yǔ)法和基本屬性,而是明確針對(duì)網(wǎng)頁(yè)布局所需要掌握的必備的 CSS 技巧。耐心花上十分鐘,你一定獲益匪淺。
Learn CSS Layout 網(wǎng)站由兩位杰出的 WEB 設(shè)計(jì)和開(kāi)發(fā)者創(chuàng)造:Greg Smith & Isaac Durazo.
快來(lái)學(xué)習(xí)吧!
原文鏈接:
http://blog.hudidit.com/learn-css-layout-%e7%94%9f%e5%8a%a8%e5%bd%a2%e8%b1%a1%ef%bc%8c%e6%89%8b%e6%8a%8a%e6%89%8b%e6%95%99%e4%bd%a0%e7%94%a8-css-%e5%b8%83%e5%b1%80%e4%bd%a0%e7%9a%84%e7%bd%91%e9%a1%b5/