欧美成人精品手机在线观看_69视频国产_动漫精品第一页_日韩中文字幕网 - 日本欧美一区二区

CSS的簡(jiǎn)寫(xiě)在節(jié)省代碼方面雖然沒(méi)有table布局改為div那么客觀(guān)，不過(guò)也是一個(gè)不能忽略的方面。下面總結(jié)一下CSS的一些簡(jiǎn)寫(xiě)方法：

外補(bǔ)丁(margin)的簡(jiǎn)寫(xiě)：
比如：margin-top:10px;margin-left:20px;margin-right:20px;margin-bottom:10px;
可以寫(xiě)成：margin:10px 20px;
或者：margin:10px 20px 10px 20px;
再或者：margin:10px 20px 10px;
注意：簡(jiǎn)寫(xiě)后的順序是“上-左右-下”，“上-右-下-左”，“上下-左右”

內(nèi)補(bǔ)丁(padding)的簡(jiǎn)寫(xiě)：同上

顏色的簡(jiǎn)寫(xiě)：
比如：color:#FFFFFF
可以寫(xiě)成：color:#FFF
或者：color:white

邊框的簡(jiǎn)寫(xiě)：
比如：border-width:1px; border-style:solid; border-color:#FFFFFF;
可以寫(xiě)成：border:1px solid :#FFFFFF;
或者寫(xiě)成：border:1px solid :#FFF;


背景的簡(jiǎn)寫(xiě)：background-color:#FFFFFF; background-image:url(background.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:0 0;
可以寫(xiě)成：background:#FFF url(background.gif) no-repeat fixed 0 0;

字體的簡(jiǎn)寫(xiě)：
font-style:normal; font-weight:bold; line-height:120%; font-family:"宋體","Arial";
可以寫(xiě)成：font:normal bold 14px/120% "宋體","Arial";

鏈接統(tǒng)一定義：
為了避免每個(gè)鏈接都要給出css來(lái)定義，可以用這樣的偽類(lèi)來(lái)定義：
a:link {color:#666666; text-decoration:none;}
a:visited{color:#666666; text-decoration:none;}
a:hover{color:#000099; text-decoration:underline;}
a:active{color:#000000; text-decoration:none;}

用body來(lái)定義網(wǎng)頁(yè)：
body{
  margin:0 auto;
  padding:0; border:0;
   text-align:center;
  font-family: "宋體","Arial","Lucida Grande","Lucida Sans Unicode","Verdana","sans-serif";
}
margin:0 auto;的意思就是網(wǎng)頁(yè)居中，很多初學(xué)者都不知道div+css如何使網(wǎng)頁(yè)居中，其實(shí)就這么簡(jiǎn)單。
padding:0; border:0;是定義所有的內(nèi)補(bǔ)丁和邊框?yàn)?，當(dāng)然你特殊聲明的除外。
font-family: "宋體","Arial","Lucida Grande","Lucida Sans Unicode","Verdana","sans-serif";是定義網(wǎng)頁(yè)文字的字體，默認(rèn)會(huì)按照這個(gè)順序來(lái)顯示。如果出現(xiàn)英文的話(huà)，英文的默認(rèn)字體是Arial。

不要忽視這么一點(diǎn)代碼，如果你不注意的話(huà)，會(huì)使css文件大很多。。比如沒(méi)經(jīng)過(guò)簡(jiǎn)寫(xiě)的css有15K，那么通過(guò)簡(jiǎn)寫(xiě)后的CSS文件可能只有13K了。可千萬(wàn)別小看這2K，記住~