都說用DIV+CSS佈局來設計網站便於優化,容易被收錄,那麼你對DIV+CSS佈局的用法是否瞭解?CSS佈局是網頁html經過DIV標籤+CSS樣式表代碼開發製做的(html)網頁的統稱。DIV+CSS佈局是如今很是流行的佈局方法,替代了原來的表格佈局。下面咱們先來看下學習DIV+CSS佈局的基本步驟:php
1、認清學習的要求
一、弄清目的,首先要認識爲何要學習CSS?
二、心態不能急,若是你很急躁,不然會很快喪失興趣。
三、堅持,這個不是一到兩天的事情,是一個漫長的過程(至少兩個月)。
2、基礎學習
一、瞭解CSS做用是什麼?(即CSS、html和js的關係是什麼,html結構重要性)
二、css基礎知識、css屬性樣式css
三、html
上面幾點,通常都是很快的掌握了,也不須要作到精通,瞭解大概就能夠。
差很少時候,開始在網上找一些psd設計稿,本身作作看,作完以後發現問題,並把他們進行總結。
3、學會分析別人網頁佈局
當你作psd設計的代碼,發現問題,可能找不到答案或沒有人幫你回答,也不要急,這時最好看看別人網頁的佈局結構,主要看html佈局框架,進行借鑑(固然網上還有不少結構代碼很槽糕)。而後瞭解美工圖如何分析、如何使用PS工具切出須要的素材、如何使用這些切出的圖片素材進行佈局、佈局技巧、兼容性解決與避免等。
總之:就是讓本身佈局時候能知道大的佈局結構如何佈局,創建佈局思想與技巧。
4、代碼的規範
當你看完不少別人的網頁代碼以後,你會發現,他們都有規範,這些規範網上有不少,你須要總結和背誦,固然不是死記硬背,主要在切圖上多作多實踐,熟了就能記住。
5、大量練習
練習是從始到終的,不要斷,即便找一些簡單的網頁進行佈局實踐,開始可能開發很慢,會遇到不少小問題,也不急。html
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type"content="text/html;charset=gb2312"/> <