也許接觸久了的開發者，一眼就可以看出程式碼中，各種 css 命名在頁面上對應的地方。一開始看範例，總是要停一下，確認一下某段程式碼是對應到什麼地方。命名方式和結構一樣，大方向是相同的，大同小異，以下做個紀錄：
/*——-包覆類——-*/
#wrp{
}
#wrapper{
}
#contentWrapper{
}
/*——-頁首類——-*/
#header{
}
#header h1{
}
#header #logo, #header .logo{
}
#banner{
}
/*——-選單導覽類——-*/
#mainNav{
}
#subNav{
}
/*——-內文類——-*/
#intro{
}
#about{
}
#newsRelease{
}
#summary{
}
#primary{
}
#secondary{
}
#content{
}
/*——-零件類——-*/
#calendar{
}
/*——-商品類——-*/
#productList{
}
#orderForm{
}
/*——-頁尾類——-*/
#footer{
}
/*——-排版類——-*/
#column_one{
}
#column_two{
}
#column_three{
}
转载请注明：XAMPP中文组官网 » 常用的 css 命名