CSDN博客变形小技巧之五

 CSDN博客变形小技巧之五

---

By DaNmarner  http://blog.csdn.net/DaNmarner  DaNmarner@gmail.com
欢迎转载，请注明作者和出处！

---

 

 CSS里面关于缩进有两个很容易让人迷惑的属性margin 和padding。为什么这么说呢？先看看这两个属性的含义：

margin：边框到边缘的距离。

padding：文字边缘到边框的属性。

大多数情况下，边框是不可见的，于是他们加起来就变成了实际文字到边缘的属性。

 在keso皮肤里，这几个属性和border一样主要应用在header,main和rightmenu上面。同样可以用margin/paddingg加横扛加top/right/buttom/left的方法单独设置某一个属性。例如让文章部分上边框和边缘距离为5px的代码如下

#main {
        margin-top : 5px;
}

再来一个设置文章标题到左边框距离的代码：

.postTitle {
        padding-left : 15px;
}

这个.postTitle还可以设置文章标题的其他属性，有兴趣可以自己对照CSS属性表研究一下。

name="google_ads_frame" marginwidth="0" marginheight="0" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-1391084545775812&dt=1188321160533&lmt=1187587166&format=468x15_0ads_al&output=html&correlator=1188321159912&channel=7913117752&url=file%3A%2F%2F%2FC%3A%2FDocuments%2520and%2520Settings%2FAdministrator%2F%E6%A1%8C%E9%9D%A2%2Fblog%2FCSDN%E6%96%87%E7%AB%A0%E9%A1%B6%E9%83%A8%E5%AF%BC%E8%88%AA.htm&color_bg=FFFFFF&color_text=000000&color_link=0000FF&color_url=000000&color_border=FFFFFF&ga_vid=67140282.1188321161&ga_sid=1188321161&ga_hid=360720269&flash=9&u_h=768&u_w=1024&u_ah=740&u_aw=1024&u_cd=16&u_tz=480&u_his=1&u_java=true" frameborder="0" width="468" scrolling="no" height="15" allowtransparency="allowtransparency">

name="google_ads_frame" marginwidth="0" marginheight="0" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-1391084545775812&dt=1187587040446&lmt=1187587036&format=468x60_as&output=html&correlator=1187587040416&channel=8802996721&url=file%3A%2F%2F%2FC%3A%2FDocuments%2520and%2520Settings%2FAdministrator%2F%E6%A1%8C%E9%9D%A2%2FCSDN%E6%96%87%E7%AB%A0%E5%BA%95%E9%83%A8.htm&color_bg=FFFFFF&color_text=000000&color_link=0000FF&color_url=000000&color_border=FFFFFF&ad_type=text&ga_vid=1630047283.1187587040&ga_sid=1187587040&ga_hid=4528641&flash=9&u_h=768&u_w=1024&u_ah=740&u_aw=1024&u_cd=16&u_tz=480&u_java=true" frameborder="0" width="468" scrolling="no" height="60" allowtransparency="allowtransparency">