CSS 外边距和内边距

CSS margin(外边距)
margin(外边距)属性定义元素周围的空间。
margin属性接受任何长度单位、百分数值甚至负值。
margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。
margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。
margin可以使用负值,重叠的内容。
可能的值:
auto :设置浏览器边距,这样做的结果会依赖于浏览器
length:定义一个固定的margin(使用像素,pt,em等)
% :定义一个使用百分比的边距
为了缩短代码,有可能使用一个属性中margin指定的所有边距属性。这就是所谓的简写属性,所有边距属性的简写属性是 margin :
margin:在一个声明中设置所有外边距属性。
http://www.iis7.com/b/wzjk/
margin-bottom:设置元素的下外边距。
margin-left:设置元素的左外边距。
margin-right:设置元素的右外边距。
margin-top:设置元素的上外边距。
margin:属性可以有一到四个值:(边距是顺时针旋转:上右下左)
margin值为四个值时:
上距离
右距离
下距离
左距离
margin值为三个值时:
上距离
左右距离
下距离
margin值为两个值时:
上下距离
左右距离
margin值为一个值时:
上下左右都距离
。。。。。。
CSS padding(填充)
Padding(填充)属性定义元素边框与元素内容之间的空间。
当元素的 Padding(填充)(内边距)被清除时,所"释放"的区域将会受到元素背景颜色的填充。
单独使用填充属性可以改变上下左右的填充。缩写填充属性也可以使用,一旦改变一切都改变。
length:定义一个固定的填充(像素, pt, em,等)
%:使用百分比值定义一个填充
padding(填充)是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距。
为了缩短代码,它可以在一个属性中指定的所有填充属性,这就是所谓的简写属性。所有的填充属性的简写属性是 padding :
padding:使用简写属性设置在一个声明中的所有填充属性
padding-bottom:设置元素的底部填充
padding-left:设置元素的左部填充
padding-right:设置元素的右部填充
padding-top:设置元素的顶部填充
padding:属性可以有一到四个值:(边距是顺时针旋转:上右下左)
padding值为四个值时:
上填充
右填充
下填充
左填充
padding值为三个值时:
上填充
左右填充
下填充
padding值为两个值时:
上下填
左右填
padding值为一个值时:
上下左右都填充

猜你喜欢

转载自blog.51cto.com/13941970/2298222