用了三天時間把李南江老師的視頻看完，跟著老師的步驟敲了幾個Demo。

有圖有真相。

然后自己在網(wǎng)上又找了些設(shè)計圖自己練習(xí)，經(jīng)過反復(fù)的練習(xí)，加深了對布局上的理解。

根據(jù)李南江老師講解的思路：

寫的時候先勾畫出一個大的框架，那個部位顯示什么，在從大的框架分小的細節(jié)，這樣一步一步的把框架建好再填充內(nèi)容。

這樣的工作效率確實快，省去的很多繁瑣。

通過HTML對架構(gòu)的建立，然后再使用CSS對頁面進行渲染，使我對使用HTML和CSS更加的得心應(yīng)手；

對于選擇器的運用、margin、padding、position、float等布局的思路更加清晰。

還有偽元素選擇器：before ：after?

使用HTML和CSS使頁面代碼分離，內(nèi)容是內(nèi)容，樣式是樣式，各不相干，卻又緊密相連。

樣式的修改和結(jié)構(gòu)的重編變得輕松了許多。

想修改某個部位的顏色，字體大小等等。。。只需要在CSS中用選擇器選中要修改的地方再修改幾個屬性值就可以了。

再比如在想在內(nèi)容上面做修改，也只需要在HTML中找到需要修改的標簽位置，然后添加或刪除內(nèi)容即可。

就是這么簡單 So easy to happy！