把DIV+CSS布局的網(wǎng)頁(yè)代碼做得更小
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。