您当前的位置:首页 > 网页设计 > Web开发 > 正文

CSS初级教程 边界和补白

【字体大小: 2009-11-14 23:10 来源: 作者: 

  边界margin和补白padding(依据国内出版社的翻译惯例,margin被翻译成边界,padding被翻译成补白,译者依照习惯翻译。但译者认为,margin翻译成外边距,padding翻译成内边距更为直白和形象。你可以依据自己的习惯来适应这两种不同的译法。——译者注)是隔开元素最常用的两个属性。边界是元素外边的距离,而补白则是元素内部的距离。

  为h2改进代码如下:

  1. h2 {   
  2. font-size1.5em;   
  3. background-color#ccc;   
  4. margin1em;   
  5. padding3em;   
  6. }  

  你可以看到二级标题外围有一个字符的宽度,还很臃肿,因为在二级标题内部有3个字符宽度的补白。

  元素的四边可以设置不同的值。margin-top、 margin-right、margin-bottom、 margin-left、padding-top、padding-right、padding-bottom和padding-left是无需解释的属性(看看英文字面意思啦)。

  关于盒模型

  CSS盒模型(Box Model)问题详解

    顶一下
    (0)
    0%
    踩一下
    (3)
    100%
    【责任编辑:绝口不提】 标签:
    最新评论 查看所有评论
    发表评论 查看所有评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    评价:
    表情:
    用户名:密码:验证码: