1.今天做了css有關的練習，三欄布局，一開始完全用position來定位，一下就做出來，完成後用float來布局，一開始還是挺多坑的，原諒我是小小白，三欄布局，雙飛翼模式嘛，中間部分自適應寬度，一開始的時候直接按順序left->center->right來設定，導致中間的部分跑到兩邊的下邊了，所以如果中間部分的margin-left/right是正值的話，就按：左->右->中間的順序定義，如果按：左->中->右順序的話，中間margin-left的值就用負值，這樣就可以保證三欄在同一水平了。
2.為了保證灰框裡面的內容不溢位，對灰色框清除浮動：overflow：auto;
3.檔瀏覽器寬度一不一致時，為了保持布局整潔，對中間部分設定最小寬度：min-width：大小值；這樣即使瀏覽器縮小，右邊的部分也不會覆蓋掉中間的部分。
效果：
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS 學習筆記
當同乙個html元素被不止乙個樣式定義時，會使用哪個樣式呢？一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此，內聯樣式 在html 元素內部 擁有最...