html頁面元素命名參考

2022-07-22 12:39:12 字數 583 閱讀 9501

(1)顏色:

使用顏色的名稱或者16進製制**,如 

.red    .f60   .ff8600  

(2)字型大小,直接使用 "font+字型大小"作為名稱,如 

.font12px  

.font9pt  

(3)對齊樣式,使用對齊目標的英文名稱,如 

.left  

.bottom  

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

.barnews  

.barproduct  

1.一律小寫; 

2.盡量用英文; 

3.不加中槓和下劃線; 

4.盡量不縮寫,除非一看就明白的單詞. 

主要的 master.css 

模組 module.css 

基本共用 base.css 

布局,版面 layout.css 

主題 themes.css 

專欄 columns.css 

文字 font.css 

表單 forms.css 

補丁 mend.css 

列印 print.css

psd做成HTML相關參考頁面

前端製作 美工 是怎麼把psd製作成頁面的?美工怎麼做的我不清楚,因為我是做前端的,我就從前端這個角度說吧。首先拿到psd,先分析哪些是要匯出為的,哪些是可以自己用 完成的。將全部匯出,要做成雪碧圖的都做成雪碧圖 然後直接開始碼 在谷歌瀏覽器或者火狐中測試,不要用ie做第一次測試。1.對照設計圖,寫...

通過DOM操作獲取html頁面元素

1.通過id名 document.getelementbyid 2.通過tag名 document.getelementbytagname document.getelementsbytagname 3.通過class名 document.getelementsbyclassname 4.通過sel...

HTML5頁面增強元素

5增強的頁面元素 1.details元素和summary元素 details語義 詳情 summary語義 概要,簡要 details元素可以實現類似顯示 隱藏的功能。summary用於顯示details的標題或者間接。注意 1.如果details下沒有summary元素,瀏覽器會自動新增,同時內容...