html所有关于内边距外边距的标签属性_随笔

1、padding-top 属性：设置 p 元素的上内边距，该属性设置元素上内边距的宽度。行内非替换元素上设置的上内边距不会影响行高计算，因此，如果一个元素既有内边距又有背景，从视觉上看可能延伸到其他行，有可能还会与其他内容重叠。不允许指定负内边距值。

2、padding-right 属性：设置元素右内边距（空白）。该属性设置元素右内边距的宽度。行内非替换元素上设置的右内边距仅在元素所生成的第一个行内框的右边出现.

3、padding-bottom 属性：设置元素的下内边距（底部空白）。该属性设置元素下内边距的宽度。行内非替换元素上设置的下内边距不会影响行高计算，因此，如果一个元素既有内边距又有背景，从视觉上看可能延伸到其他行，有可能还会与其他内容重叠。不允许指定负内边距值。

4、padding-left 属性：设置元素左内边距（空白）。该属性设置元素左内边距的宽度。行内非替换元素上设置的左内边距仅在元素所生成的第一个行内框的左边出现.

5、margin 属性：在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

参考资料来源：百度百科-CSS外边距

参考资料来源：百度百科-CSS内边距

html中让div层固定在屏幕中央右边500像素的位置,这个的话，我就需要用html中的position的绝对定位来做，我们需要提前知道的有div距离中间的距离，上边的距离，右边的距离，这三个是需要知道的，这里我写一段代码：

<html>

<head>

<tltle>diV固定位置</tltle>

<style>

div{

width:300px

height:300px

position:absoult

right:500px //只是假设的数据，需要实际测量

top:400px

}

</style>

</head>

<body>

<div>我是测试文字</div>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html所有关于内边距外边距的标签属性