一個設(shè)計(jì)好的頁面切圖主要有背景、列表符號、圖片、按鈕等。
我們應(yīng)該根據(jù)不同的效果把需要作為背景的圖片整合一下,做成一張圖片進(jìn)行調(diào)用,這樣做主要是為了提升頁面的加載速度,其原理是減少了加載圖片時對服務(wù)器的請求。圖片格式建議(大多數(shù)使用)gif格式(這個說法不同),個別圖片使用jpg,特殊圖片PNG
寫法:
標(biāo)簽:有開始就要有結(jié)尾,別寫有頭沒尾的標(biāo)簽,雖然不寫也不影響頁面布局,但是還是寫著好點(diǎn)吧。
所有的屬性必須用引號""引起來,(HTML5可以不寫哦)
文檔類型要聲明(HTML5要簡單多了,比如DOCTYPE,在HTML5中只需要寫<!DOCTYPE html >就可以)
代碼縮進(jìn)時建議使用TAB鍵,不要亂縮進(jìn),不建議使用空格鍵縮進(jìn)
CSS加載的背景圖片需要要預(yù)定義寬度和高度
一定要做到結(jié)構(gòu)與表現(xiàn)相分離,代碼中不涉及表現(xiàn)元素,如style、font、bgColor、border。
<h1>到<h6>的定義,又提到這個了,這個暫時先不說,因?yàn)橛腥瞬唤ㄗh用而我建議用,怕誤導(dǎo)大家
定義樣式的問題,不要嫌麻煩定義太多的繼承樣式,你會后悔的~~~
Font的縮寫為:樣式 粗細(xì) 大小 行高 字體
class和id選擇器,class可以多次使用,id一個頁面只能使用一次
頁面布局一定要寫上注釋
有圖片要給圖片加上alt標(biāo)簽、
嵌套標(biāo)簽要合理,不要逮著就套
css的hack應(yīng)該盡量避免采用。
一個完整的表單需要包括
<fieldset>
<legend></legend>
<label></label>
<input />
</fieldset>
除了ul ol li外,我們還能用dl dt dd。
一定要了解塊狀元素和內(nèi)聯(lián)元素,熟悉這些元素會幫助我們更深入的去了解css。