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