應該很多人都會有PO這種東西
但是對剛學CSS的人真的很重要
尤其像我這種英文不好的人
這些是必背的的單字喔^^
這些資料只是我在學習的時候
參考別人的資料之後用自己的思考整理出來的
像參考書寫的真的都看不懂
通常翻第一頁之後
永遠就不會再翻第二頁了
當然我也是摟......
 


一、常用的CSS命名規則

頭:header 內容:content 導覽:nav 側欄:sidebar 專欄:column
頁底:footer 左:left 右:right 中:center 登入條:loginbar
標誌:logo 橫幅:banner 頁面主體:main 熱門:hot 新聞:news
下載:download 子導覽:subnav 項目:menu 子項目:submenu 搜尋:search
友站連結:friendlink 版權:copyright 滾動:scroll 標籤頁:tab 文章列表:list
提示信息:msg 小技巧:tips 欄目標題:title 加入:joinus 指南:guild
服務:service 註冊:regsiter 狀態:status 投票:vote 合作夥伴:partner
內部:inner 區域:area/region      



二、註釋的寫法:
/* Footer */
內容區
/* End Footer */ 

三、class的命名: 
(1) 顏色:使用顏色的名稱或者16進制代碼,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }

(2) 字體大小,直接使用"font+字體大小"作為名稱,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }

(3) 對齊樣式,使用對齊目標的英文名稱,如
.left { float:left; }
.bottom { float:bottom; }

(4) 標題欄樣式,使用"類別+功能"的方式命名,如
.barnews { }
.barproduct { }

注意事項:

1.一律小寫;
2.儘量用英文;
3.不加中槓和下劃線;
4.儘量不縮寫,除非一看就明白的單詞。

一些CSS樣式表檔案命名:

主要的 master.css
模塊 module.css
基本共用 base.css
佈局,版面 layout.css
主題 themes.css
專欄 columns.css
文字 font.css
表單 forms.css
補丁 mend.css
列印 print.css

參考:http://blog.yam.com/smatter/article/19087464

創作者介紹
創作者 Jaosn的部落格 的頭像
Jason

Jaosn的部落格

Jason 發表在 痞客邦 留言(0) 人氣( 1 )