[css初始化]CSS初级教程边界和补白

更新时间:2013-08-28    来源:样式布局    手机版     字体:

【www.bbyears.com--样式布局】

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

 代码如下 h2 { 
font-size: 1.5em; 
background-color: #ccc; 
margin: 1em; 
padding: 3em; 

你可以看到二级标题外围有一个字符的宽度,还很臃肿,因为在二级标题内部有3个字符宽度的补白。
元素的四边可以设置不同的值。margin-top、 margin-right、margin-bottom、 margin-left、padding-top、padding-right、padding-bottom和padding-left是无需解释的属性(看看英文字面意思啦)。
  

 

本文来源:http://www.bbyears.com/css/98.html

猜你感兴趣

热门标签

更多>>

本类排行