為CSS類名定義的時候，盡量使用小寫字母，如果有兩個以上的單詞，在每個單詞之間使用”-”符或單詞首字母大寫(第一個單詞除外)。如:”main-content”或”mainContent”。 優化CSS代碼，僅創建關鍵主要的CSS類并重新為子元素使用符合HTML標準的標簽(h1, h2, p, ul, li, blockquote,…)，例如,不要使用這種哦你那個方式:

<div class=”main”>
<div class=”main-title”>…</div>
<div class=”main-paragraph”>…</div>
</div>

<div class=“main”>
<h1>…</h1>
<p>…</p>
</div>

#container{…}
/*—- Top section —-*/
#header{…}
#navbar{…}
/*—- Main —-*/
#menu{…}
#main{…}
#sidebar{…}
/*—- Footer —-*/
#footer{…}

Container
“#container“就是將你頁面中的所有元素包在一起的部分，這部分你還可以命名為:“wrapper“, “wrap“, “page“. Header
“#header”是網站頁面的頭部區域，一般來講，它包含網站的logo和一些其他元素。這部分你還可以命名為:”top“, “logo“, “page-header” (或 pageHeader). Navbar
“#navbar“等同于橫向的導航欄，是最典型的網頁元素。這部分你還可以命名為:“nav”,“navigation”,“nav-wrapper”. Menu
“#Menu”區域包含一般的鏈接和菜單，這部分你還可以命名為:“sub-nav“, “links“. Main
“#Main”是網站的主要區域，如果是博客的話它將包含你的日志。這部分你還可以命名為:“content“, “main-content” (or “mainContent”)。 Sidebar
“#Sidebar”部分可以包含網站的次要內容，比如最近更新內容列表、關于網站的介紹或廣告元素等…這部分你還可以命名為:“sub-nav“, “side-panel“, “secondary-content“. Footer
“#Footer”包含網站的一些附加信息，這部分你還可以命名為:“copyright“.