margin与padding的区别是什么？

Padding（填充）属性定义元素边框与元素内容之间的空间。

Padding属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

当元素的 Padding（填充）（内边距）被清除时，所"释放"的区域将会受到元素背景颜色的填充。单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用，一旦改变一个数值，则padding对应的距离都会改变。

扩展资料：

可能的值：

auto：浏览器计算外边距。

length：规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。

%：规定基于父元素的宽度的百分比的外边距。

inherit：规定应该从父元素继承外边距。

内外距离区别：

margin与padding如何进行区分，这是很多学html人的困扰，其实说白了padding 就是内容与边框的空隙。而margin则是模块与模块的空隙。

参考资料来源：百度百科-padding

设置辅助线<hr/>可以在css样式中使用hr标签获取更改，也可以给予id或者class对应获取器获取。

具体改变样式方法:

border:1px soild 你想改变的颜色  //这个是固定格式，注意中间的空格哟

margin-top:xxpx;//xx是你想要给予的间距

建议:

在写网页的时候可以多敲一敲，敲一段就直接保存。由于是直读语言会直接运行

这样可以给予你自信和成就感

这个原理很简单，这里不方便图示，只能代以文字说明：
首先要明白margin属性的作用，举个形象的例子，有两个开口盒子，一个大一个小，小盒子放在大盒子里，从正上方往下看，小盒子四条边离大盒子四条边的距离就是margin，在上述例子中margin值是正数，那么负数是什么情况呢？
负数就是说，从上面往下看，大盒子突然高度变高且开口变小（小于小盒子的开口），这就是margin值为负的概念。
附：其实这个问题很简单，如果学过物理，这与位移概念类似。

margin是外边距的意思，当一个元素样式属性里有margin:0 auto时，并且父元素的宽度是确定的，意思是这个元素处于其父元素的居中位置，并且这个元素的上下外边距为0。

margin还有其他配置类型：

margin-bottom：设置元素的下外边距。

margin-left：设置元素的左外边距。

margin-right：设置元素的右外边距。

margin-top：设置元素的上外边距。

扩展资料：

css的语言特点：

1、丰富的样式定义：

CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

2、易于使用和修改：

CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。

3、多页面应用

CSS样式表可以单独存放在一个CSS文件中，这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。

码字不易，希望采纳。

既然问到的网页元素的位置问题，那么就可以去参考CSS的具体属性，以下是常见属性：

(一)对于文本：

1text-align:center，right，justify

当text-align设置为"center"，居中分布

当text-align设置为"right"， 靠右分布

当text-align设置为"justify"，均匀分布

2text-indent:50px

当text-indent设置为具体的px，代表首行缩进具体的px

(二)对于：

float:left，right

当float设置为left时，向左浮动

2padding:10px 或者 margin:10px

当padding或margin设置具体的px时，前者代表内边距，后者代表外边距

当marging设置为margin:0 auto;代表水平居中

3position:absolute，relative

当position设置为absolute，代表以浏览器原点为0点进行设置位置

当position设置为relative，代表以自身位置为原点进行位置设置

以上，都是常规的位置设置，如果使用flex布局，还会有更简单的设置方法，比如水平垂直居中，可以按下列方法设置

display:flex;

justify-content:center;             

align-items:center;  

---