成都网站建设

拥有10年以上经验丰富的网站制作团队,具备科学的建站流程和快速的客户服务体系

成都网站建设专家

整合营销专家

短时间、快速度、操作简单、低投入品牌展示率

成都整合营销专家

网站优化推广

包年网站优化,百度自然排名首页,真正实现点击不收费!

成都网站优化推广

主机域名

集群式CDN加速,打开速度快速,利于优化排名

独立IP主机
您当前位置:成都网站建设 >> 新闻频道 >> 成都网站建设 >> 浏览文章

css下margin、padding、border、background和font缩写示例


时间:2013年01月15日 点击量:
下面用一些比较常用的属性来做示例。

margin

  margin-top:1px;
  margin-right:1px;
  margin-bottom:1px;
  margin-left:1px;
  代码简化为:margin:1px

  margin-top:1px;
  margin-right:2px;
  margin-bottom:1px;
  margin-left:2px;
  代码简化为:margin:1px 2px

  margin-top:1px;
  margin-right:2px;
  margin-bottom:3px;
  margin-left:2px;
  代码简化为:margin:1px 2px 3px

  margin-top:1px;
  margin-right:2px;
  margin-bottom:3px;
  margin-left:4px;
  代码简化为:margin:1px 2px 3px 4px

  注意:当属性值是0的时候单位可以不写如:0px 直接就写成0

padding

  padding的书写方法和margin相类似

  padding-top:1px;
  padding-right:1px;
  padding-bottom:1px;
  padding-left:1px;
  代码简化为:padding:1px

  padding-top:1px;
  padding-right:2px;
  padding-bottom:1px;
  padding-left:2px;
  代码简化为:padding:1px 2px

  padding-top:1px;
  padding-right:2px;
  padding-bottom:3px;
  padding-left:2px;
  代码简化为:padding:1px 2px 3px

  padding-top:1px;
  padding-right:2px;
  padding-bottom:3px;
  padding-left:4px;
  代码简化为:padding:1px 2px 3px 4px

border

  border-width:1px;
  border-style:solid;
  border-color:#000000;
  代码简化为:border:1px solid #000

background

  background-color:#CCFFFF;
  background-image:url(图片路径);
  background-repeat:repeat-x;
  background-position:5px 4px;
  代码简化为:background:#CFF url(图片路径) repeat-x 5px 4px

font

  font-size:26px;
  font-weight:bold;
  font-family: “宋体”;
  代码简化为:font:26px bold “宋体”

color属性值

  color:#000000;
  color:#ff0000;
  代码简化为:color:#000, color:#f00
文章由四川冠辰成都网站建设http://www.scgckj.com/2483.html编辑整理,转载请注明出处
网站首页| 关于我们| 热门关键词| 付款方式| 资质证书| 联系我们
版权所有 Copyright © 2002-2013 四川冠辰科技开发有限公司www.scgckj.com 保留所有权利 蜀ICP备11012605号
地址:四川省成都市金丰路6号量力钢铁交易大厦B座2010室 冠辰科技资质证书
服务热线:400-000-2367 028-86088588 总机:028-62322623-0 传真:028-62322623-823