1能夠使代碼精簡，使用div+css布局使代碼很是精簡，css文件可以在網(wǎng)站的任意一個頁面進行調(diào)用，避免了使用table表格修改部分頁面2提升了網(wǎng)頁訪問速度，div+css布局較傳統(tǒng)的Table布局比較，減少了許多代碼，其瀏覽訪問速度。

使css代碼勁量精簡的方法分組和嵌套 新建html文件，創(chuàng)建樣式和標(biāo)簽 展示效果如圖 為了精簡代碼，我們把剛剛的代碼寫在一起效果和剛剛的一樣，但是代碼精簡了不少 創(chuàng)建嵌套樣式 沒有應(yīng)用嵌套樣式之前的代碼，顯示效果是這樣的。

1 可以更好地控制網(wǎng)頁布局Div+CSS可以更好地控制網(wǎng)頁布局，使得網(wǎng)頁布局更加靈活，更易于維護，更容易實現(xiàn)復(fù)雜的布局效果2 更好的可訪問性Div+CSS可以更好地實現(xiàn)網(wǎng)頁的可訪問性，使得網(wǎng)頁更加易于被搜索引擎抓取。

你可以用他們提供的gulpbuildtool用什么加什么如果你開發(fā)時也在用gulp的話，可以直接引入他們的gulpfilejs加幾個task到你自己的buildtask。

樣式1簡潔型css圓角矩形css代碼b1，b2，b3，b4，b1b，b2b，b3b，b4b，bdisplayblockoverflowhidden b1，b2，b3，b1b，b2b，b3bheight1px b2，b3，b4，b2b，b3b，b4b，bborder。

css的話可以使用預(yù)處理語言sass或者less，利用變量可以減少代碼使用量，也 更易維護和擴展js的話可以封裝一些重復(fù)使用的函數(shù)方法，用最高效的代碼解決業(yè)務(wù)邏輯，比如判斷可以三元運算符，函數(shù)還可以使用箭頭函數(shù)，表單驗證時用。

1代碼約簡潔越好 網(wǎng)頁瀏覽速度要增加，有必要降低頁面文件的大小，盡可能簡化使用代碼，字節(jié)數(shù)當(dāng)我們做一個粗體字的時候，可以用 B或strong的標(biāo)簽，在相同的前提下，為增稠網(wǎng)站速度效果，我們最好使用B標(biāo)簽，因為strong比。

CSS代碼縮寫可以提高你寫代碼的速度，精簡你的代碼量在CSS里面有不少可以縮寫的屬性，包括margin，padding，border，font，background和顏色值等，如果您學(xué)會了代碼縮寫，原本這樣的代碼lifontfamilyArial， Helvetica， sansseriffont。

transition等二CSS書寫規(guī)范 1使用CSS縮寫屬性 CSS有些屬性是可以縮寫的，比如padding，margin，font等等，這樣精簡代碼同時又能提高用戶的閱讀體驗2去掉小數(shù)點前的“0”3簡寫命名很多用戶都喜歡簡寫類名，但前提是要讓。

首先有幾個問題需要強調(diào)一下，這里的CSS不僅僅存在簡化的問題，還有幾處小錯誤1 h1~h6這六個標(biāo)簽是標(biāo)題標(biāo)簽，其中 定義最大的標(biāo)題， 定義最小的標(biāo)題默認(rèn)都是加粗字體，所以本例中h1的加粗可以不寫2 fontweigh。

2精簡JS，盡量使用JS框架實現(xiàn)網(wǎng)頁特效 3CSS樣式合并精簡 這個是做頁面優(yōu)化的基礎(chǔ)知識，很多網(wǎng)站設(shè)計者在設(shè)計網(wǎng)站的時候，在頁面中直接使用了CSS，或者是在布局中使用了很多無用的代碼這些代碼最好寫在CSS文件中，頁面。

當(dāng)然要設(shè)置backgroundrepeat另外用CSS3的話可以不用圖片，borderradius可以定義方塊的圓角，不過目前支持CSS3的瀏覽器只有IE9FIREFOXchromesafari，局限性很大目前國內(nèi)依然是以IE6為主流，支持性是最差的。

說一下我的思路吧“聯(lián)合繳費系統(tǒng)”為文字隱藏 帳號密碼驗證碼登陸重置等為文字隱藏 網(wǎng)格及后面的白色背景那一塊單獨切片導(dǎo)出成GIF顏色數(shù)可以選32左右，這樣就非常小 按鈕單獨切片導(dǎo)出成JPG品質(zhì)。

CSS具有精簡代碼，降低重構(gòu)難度提升網(wǎng)頁訪問速度利于SEO優(yōu)化等優(yōu)勢，能夠?qū)W(wǎng)頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力2相關(guān)實例 如果你要在 HTML元素中設(shè)置。

原因有二，一是CSS可以層疊，其中涉及到了優(yōu)先級和作用范圍，如果寫的不好，人很難讀出其中的意義，二是CSS屬性眾多，加上CSS3引入了很多用法獨特的屬性，一個選擇器可能包含幾十個屬性比如下面這段我隨便寫的CSS代碼s。