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

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

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

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

樣式1簡(jiǎn)潔型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ù)處理語(yǔ)言sass或者less，利用變量可以減少代碼使用量，也 更易維護(hù)和擴(kuò)展js的話可以封裝一些重復(fù)使用的函數(shù)方法，用最高效的代碼解決業(yè)務(wù)邏輯，比如判斷可以三元運(yùn)算符，函數(shù)還可以使用箭頭函數(shù)，表單驗(yàn)證時(shí)用。

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

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

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

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

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

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

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

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

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