HTML magin和padding总结

最新推荐文章于 2022-08-22 16:07:21 发布

syhfly2333

最新推荐文章于 2022-08-22 16:07:21 发布

阅读量679

点赞数

文章标签： html css

本文链接：https://blog.csdn.net/syhfly2333/article/details/107356385

版权

本文总结了HTML中margin和padding的使用。margin用于设置元素的外边距，例如`margin-left`实现左边距调整，简写`margin:0 auto;`可使元素水平居中。块级元素的垂直外边距会合并，行内元素的外边距不会。同时介绍了padding，如`padding-left`设定元素内边距，行内非替换元素的内边距不影响行高计算，背景会延伸穿过内边距。

摘要由CSDN通过智能技术生成

magin：外边距样式属性
例：magin-left：以自身为参考，改变自身的左边的距离

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>边框</title>
	</head>
	<body>
		<--margin:外边距-->
		<div>大大大大大大大阿达大大啊啊啊啊大</div>
		<p>学习学习学习学习学习学习</p>
		<span>大的法规规定盖好改好发广告</span>
		<b>仿仿精仿精仿精仿附近</b>
		<style>
			*{
   
				margin: 0px;
				padding: 0px;
			}
			span,p,b,div{