[分享]css元素的两个属性

在CSS样式中，元素的样式可以用很多属性来定义，其中margin和padding两个属性经常被使用。

 p {
    margin: 10px;
    padding: 5px;
  } 

margin属性是用来控制元素的外边距，它可以让元素与周围的元素产生一定的间距。当元素有父元素时，外边距会与其父元素的内边距产生叠加效果。

padding属性是用来控制元素的内边距，它可以让元素的内容与边缘产生一定的距离，使内容更加美观。内边距也可以通过背景色和背景图来进行控制。

 p {
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 30px;
    margin-left: 40px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 20px;
  } 

以上代码可以通过设置每个方向的值来控制外边距和内边距的大小。也可以使用简写属性来设置：

 p {
    margin: 10px 20px 30px 40px;
    padding: 5px 10px 15px 20px;
  } 

以上是margin和padding两个常用的CSS样式属性，它们可以使网页元素与周围元素间产生间距，同时也可以美化元素的边缘。