用了三天時間把李南江老師的視頻看完埠偿,跟著老師的步驟敲了幾個Demo透罢。
有圖有真相。
然后自己在網(wǎng)上又找了些設(shè)計圖自己練習(xí)冠蒋,經(jīng)過反復(fù)的練習(xí)羽圃,加深了對布局上的理解。
根據(jù)李南江老師講解的思路:
寫的時候先勾畫出一個大的框架抖剿,那個部位顯示什么朽寞,在從大的框架分小的細(xì)節(jié),這樣一步一步的把框架建好再填充內(nèi)容斩郎。
這樣的工作效率確實快脑融,省去的很多繁瑣。
通過HTML對架構(gòu)的建立缩宜,然后再使用CSS對頁面進(jìn)行渲染肘迎,使我對使用HTML和CSS更加的得心應(yīng)手;
對于選擇器的運用锻煌、margin妓布、padding、position宋梧、float等布局的思路更加清晰匣沼。
還有偽元素選擇器:before :after?
使用HTML和CSS使頁面代碼分離,內(nèi)容是內(nèi)容捂龄,樣式是樣式释涛,各不相干加叁,卻又緊密相連。
樣式的修改和結(jié)構(gòu)的重編變得輕松了許多唇撬。
想修改某個部位的顏色殉农,字體大小等等。局荚。超凳。只需要在CSS中用選擇器選中要修改的地方再修改幾個屬性值就可以了。
再比如在想在內(nèi)容上面做修改耀态,也只需要在HTML中找到需要修改的標(biāo)簽位置轮傍,然后添加或刪除內(nèi)容即可。
就是這么簡單 So easy to happy首装!