把DIV+CSS布局的網(wǎng)頁(yè)代碼做得更小

2010-5-19 0:0:0 | 作者：sw996 | 0個(gè)評(píng)論 | 人瀏覽

DIV+CSS布局的網(wǎng)頁(yè)代碼盡量精簡(jiǎn)，做得更小，代碼更少，這樣做的好處不用我說(shuō)大家也都能理解，代碼少打開(kāi)瀏覽速度更快，利于優(yōu)化同時(shí)能節(jié)省空間。

多用全局樣式，比如網(wǎng)頁(yè)中只有一個(gè)h1標(biāo)簽，那么直接在css文件中定義h1的樣式，如h1{......}，而不要給h1標(biāo)簽加class或者id來(lái)定義樣式，這樣一來(lái)就可以省略class=""或id=""，整個(gè)網(wǎng)頁(yè)精簡(jiǎn)下來(lái)就可以簡(jiǎn)潔不少代碼。

多

css樣式盡量合并成一個(gè)外部文件，采用link方式導(dǎo)入到網(wǎng)頁(yè)中來(lái)，可以減少不少內(nèi)嵌在網(wǎng)頁(yè)中的css代碼。

采用父級(jí)繼承樣式控制，在div中盡量使用不同標(biāo)簽來(lái)控制網(wǎng)頁(yè)表現(xiàn)形式，比如一個(gè)div中需要有3個(gè)不同顏色的文字，這樣做同樣可以減少不少的class和id。