外边距（margin）
语法：
margin-left: 左外边距（常用）
margin-right: 右外边距
margin-top:上外边距（常用）
margin-bottom: 下外边距
*margin: 上外边距 右外边距 下外边距 左外边距 （取值顺序与内边距相同）
注意的是：外边距可以实现盒子居中。
一个盒子实现水平居中的两个条件：
1.必须是块级元素
2.盒子必须制定宽度（width）
然后就给 左右边距 都设定为auto 就可以实现盒子水平居中。
代码如下：
margin: 20px auto;//20指上下 auto 指左右
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div {
width: 200px;
height: 200px;
/*background-color: pink;*/ /*margin-top: 20px; margin-left: 50px;*/
margin: 30px auto;
/*//上下30，左右auto 盒子会实现居中对齐*/ padding: 4px; border: 1px solid red; } header /*, span*/{ width: 900px; height: 120px; background-color: black; margin: 20px auto; /*span 是行内元素，必须转化为块级元素才能实现水平居中*/ } </style></head><body> <div></div> <header>头部标签</header> <span></span></body></html>
601
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
