css學習筆記 --初學 css代碼風格、佈局誤區

  初學css，記錄下初學者須要注意的事項。

  1、css 代碼風格

　　1.css 命名語義化。

　　如類名：

          main   主體

　　   container 內容  

          footer    站底

          right、center、left   位置

       如文件名：

          base.css(css reset)  站點通用

          theme.css  主題

       2.一概小寫，不要有下劃線，中線

       3.css 屬性按照首字母順序排列

       4.css 屬性組織模塊化，添加適當註釋

       5.一致性，方便閱讀和維護

  2、初學者佈局誤區

       網頁設計不僅是」DIV+CSS「，div只是html提供的衆多html標籤中一個，是最經常使用的但不是惟一的。css命名語義化應該與html標籤語義化同時進行。

       如:

　　<div><div></div><div></div><div></div></div>

       確定不如

　　<div><p><span><span><em></em></p></div>

      清晰明瞭

  3、效率提高

　　一、寬高1px圖片平鋪會消耗資源

       二、css expression  極大消耗資源

　　三、顏色使用16進制，縮寫的解析也會消耗時間（蛋囧，更可能是爲了顏色的掌控）

       四、儘可能使用外鏈，不要內嵌

  4、初學者設計誤區

       一、少用flash

       二、少用圖片，有空白空間也比瞎弄圖片瞎貼強