之前學過css，但沒有深入研究，現在在做一些web的東西，有時遇到布局的問題要弄很久，所以本著嚴肅認真的態度，還是要把css好好再學一遍！
傳說，在css沒有出現之前，html的結構是非常混亂的，因為它將文件表現部分與內容結合在一起，看起來非常糟糕，所幸的是css的出現解決了這一問題。
既然css的出現帶來了更好的**結構，那我們在書寫的時候就不得不考慮一下規範問題，讓結構更加清晰。下面是一些通用規範：
有意義的標記更容易讓人理解，包括語義化的標籤，通俗易懂的變數命名等，這在團隊開發時尤為重要。
類應用於概念上相似的元素，id應用於不同的唯一元素。所以，不到萬不得已的情況下，最好不要用id，除非它在頁面真的只出現一次。
另外，給id和class命名時，要盡可能保持名稱與表現方式無關。例如現在有乙個紅色的警告框，很顯然我們可以給他乙個class="warning"，而不是class="red-box"。
還有啊，類用起來的確讓人感覺很爽，但要適度，不要使用過度或濫用，不然對身體不好的。
很多人以為div是木有語義的，其實它是有的，叫做部分（division）。它可以將文件分為幾個有意義的區域。但是當有現有元素能實現區域分割功能時，應當避免使用div以減少標記。比如下面的寫法
完全可以刪除div：
使用span也是一樣的，只不過它是內聯元素而已。
由於html缺少相應的元素，很難突出顯示人、地點、時間等型別的資訊，於是就有人開發了一套命名標準來解決這個問題。這些命名基於vcard和icalendar等現有的資料格式，現在成為微格式。
站點越大越複雜，css就越難管理，養成乙個好的習慣是十分重要的。這裡有兩種策略：
還有乙個就是寫在乙個或兩個檔案裡，乙個用來排版，乙個用裝飾。然後在檔案中務必做好注釋。如果css檔案特別長，可以在注釋頭中加入標誌：
/*@group typography*/
/*-----------@group 一般樣式-----------*//*主體樣式*/
/*reset樣式*/
/*鏈結樣式*/
/*標題樣式*/
/*其他樣式*/
/*-----------@group 輔助樣式-----------*/
/*表單*/
/*通知和error*/
/*一致的條目*/
/*-----------@group 頁面結構樣式-----------*/
/*標題，頁尾，導航*/
/*布局*/
/*其他頁面結構樣式*/
/*-----------@group 頁面元件-----------*/
/*各個頁面樣式*/
一旦養成乙個好的**習慣，對今後寫**或看以前的**都是非常有利的。
規範這東西一時半會總結不玩，等以後慢慢新增吧，再說，這也不是重點哈哈。
css1 浮動清除問題
此方法為本人比較推薦的方法，在父元素不能設定具體高度的時候，比較適合使用，當然在設定了具體高度的時候使用時使用也無礙。因此只要將此方法寫入公共樣式中，只要使用了浮動，就在父元素加上clearfix類，就行，無需考慮是否定義高度。如下 utf 8 viewport content width devi...
網頁設計HTML和css（1）
網域名稱解析 dns 得到伺服器ip位址，就可以訪問 tcp建立連線 三次握手 建立本機與伺服器的連線 建立tcp連線之後，發起http請求 瀏覽器請求訪問伺服器 伺服器端響應http請求，瀏覽器得到html 瀏覽器解析html 並請求html 中的資源 小總結 1.編寫html 的時候，一定是成對...
前端學習筆記（二） CSS（1）
1 認識css 主要用於設定html頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高 邊框樣式 邊距等 以及版面的布局和外觀顯示樣式。css以html為基礎，提供如字型 顏色 背景的控制及整體排版等豐富的功能，同時可以針對不同的瀏覽器設定不同的樣式。2 引入css樣式表 行內式概念 通過標籤的...