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">