加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

Html代码padding是什么意思?SEO石景山叫你如何应用

(2012-07-28 14:38:57)
标签:

padding代码

                     Html代码padding是什么意思呢?下面SEO石景山叫你如何应用。

   定义:Padding:一个网页中有一个方框,设置上下左右边框和边框里面内容之间的距离;

   形式:

   padding left :设置距左内边距

   padding top:设置距顶部内边距

   padding right :设置距右内边距

   padding bottom :设置距低内边距

  用法:

   padding left用法:padding-left:10px 距离左边补距10像素,也跟百分比如(paddingleft:10% 距离左边补10%的距离);
   padding right用法:padding-right:10px 距离右边补距10像素,也跟百分比如(padding-right:10% 距离右边补10%的距离);
   padding top用法:padding-top:10px 距离顶边补距10像素,也跟百分比如(padding-top:10%; 距离顶边补10%的距离);
   padding bottom用法:padding-bottom:10px; 距离低边补距10像素,也跟百分比如(padding-bottom:10%; 距离底边补10%的距离);
   注意padding中间的链接“ - ”号,设置距离值时用“ : ”并赋予值,并以“ ; ”结束,并且全部用小写半角字母。

   如果是左右上下都需要设置padding的值时可以简写来实现,以优化css 。
   如简写方式有:
   padding:10px; 意思就是上下左右补丁距离就是10px(10像素)等于padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; 一样效果简写;
padding:5px 10px; 意思上下补丁距离为5px,左右的补丁距离为10px,等于padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; 一样效果简写;
padding:5px 6px 7px; 意思上补丁距离5px,下补丁距离为7PX,左右补丁距离为6px,等于padding-top:5px; padding-bottom:7px; padding-left:6px; padding-right:6px; 一样效果简写;
padding:5px 6px 7px 8px;  意思上补丁为5px,右补丁距离为6px ,下补丁距离为7px,左补丁距离8px,等于等于padding-top:5px; padding-right:6px; padding-bottom:7px; padding-right:8px; 一样效果简写;

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有