css網頁排版

http://www.w3schools.com/css/tryit.asp?filename=trycss_float6

用css排版，排版的程式碼感覺比較清爽，沒有一堆的表格標籤，只是用dreamweaver進行css排版，不知道為什麼，版面總是亂七八糟的，不知道是不是因為使用的dreamweaver的版本老舊的關係，只好用eclipse，慢慢敲css程式碼到編輯器裡頭，還好eclipse的aptana plugin有支援css碼的自動完成功能，敲完第一個字母，就有相關的屬性顯示，不然光是查相關的屬性資料，就會覺得很煩。

w3schools的網站有一拖拉庫的範例，如果把每個範例都key個幾遍，相信一定功力大增，不過這種從下而上的學習法，如果套用到我身上，我可能會水土不服，我比較能夠適應從上而下的學習方式，也就是有整體概念了，再從細部追蹤每一個細節，當然，整體概念跟實做細節是環環相叩的，缺一不可。只是當我有全部的整體概念後，進行這些細部的實作，會感覺比較踏實，不會有不知道這些程式碼到底要幹嘛的感覺。

這個網站只有在我搞清楚整個css運作的來龍去脈以後，才能夠真正發揮他的功能，在真正清楚背後運作概念後，key in這些程式碼，說實在的，剛開始很興奮，到現在卻感覺有點枯燥。必須追蹤每一行程式碼的作用，感覺有點辛苦，應該要找一些更方便的工具，不要手工打這些碼，實在是很累。但這些基礎功，是必須的，不然，根基不穩是不能夠蓋房子的，就算蓋出來，也很容易塌的

 div.container{
  margin:0px;
  border:1px solid gray;
  width:100%;
 }
 
 div.header,div.footer{
  color:white;
  background-color:gray;
  clear:both;
  margin:0px 0px 0px 0px;
 }
 
 div.left{
  float:left;
  width:160px;
  margin:0;
  padding:10px;
 }
 
 div.content{
  position:relative;
  margin-left:190px;
  margin-top:0px;
  border-left:1px solid gray;
  padding:10px;
 }
 
 h1.head{
  font-size:60px;
  padding:0;
  margin:0; 
 }