您當(dāng)前位置：首頁 > web前端 > htmlcss > 去掉CSS贅余代碼，CSS可以更簡潔

去掉CSS贅余代碼，CSS可以更簡潔

來源：程序員人生發(fā)布時(shí)間：2014-05-08 09:23:55 閱讀次數(shù)：2728次

本篇文章適合css新手學(xué)習(xí)，對于已經(jīng)掌握了css的朋友們也可以通過本片文章來復(fù)習(xí)知識。

作者通過實(shí)踐，認(rèn)為在有些情況下css的代碼是可以更加簡潔的，多數(shù)情況下是因?yàn)樾率謱τ谝恍┚哂卸鄬傩缘脑卮a不能精簡來寫造成的。

精簡的代碼對于網(wǎng)頁是有莫大的好處的，對于瀏覽者訪問速度會有一定的提升，另外對于搜索引擎也更加可以抓取網(wǎng)頁關(guān)鍵內(nèi)容。廢話不說了，下面就看看筆者總結(jié)的可以精簡的代碼:

以下為引用的內(nèi)容：

　　1.Margin & Padding

　　例1：

　　.div {

　　margin-top:10px;

　　margin-right: 5px;

　　margin-bottom:30px;

　　margin-left:0px;

　　}

精簡后代碼如下：

以下為引用的內(nèi)容：

　　.div { margin:10px 5px 30px 0;})

　　例2：

　　.div {

　　margin-top:10ox;

　　margin-right:20px;

　　margin-bottom:0;

　　margin-left:20px;

　　}

精簡后代碼：

以下為引用的內(nèi)容：

　　.div {

　　margin:10px 20px 0;

　　}

　　例3：

　　.div {

　　margin-top:0;

　　margin-right:auto;

　　margin-bottom:0;

　　margin-left:auto;

　　}

精簡后代碼：

以下為引用的內(nèi)容：

　　.div {

　　margin:0 auto;

　　}

　　例4：

　　.div {

　　margin-top:50px;

　　margin-right:50px;

　　margin-bottom:50px;

　　margin-left:50px;

　　}

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈
程序員人生

------分隔線----------------------------

上一篇 ajax實(shí)例教程：模擬google動態(tài)提示效果

下一篇 Access數(shù)據(jù)庫提示OleDbException (0x80004005): 操作必須使用一個(gè)可

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關(guān)注

欄目熱點(diǎn)

多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

去掉CSS贅余代碼，CSS可以更簡潔