盒模型
一个盒子中主要的属性就5个： width、height、padding、border、margin。
width是“宽度”的意思，CSS中width指的是内容的宽度，而不是盒子的宽度。
height是“高度”的意思，CSS中height指的是内容的高度，而不是盒子的高度
padding是“内边距”的意思
border是“边框”
margin是“外边距”
块级元素和行内元素
1） 块级元素
● 霸占一行，不能与其他任何元素并列
● 能接受宽、高
● 如果不设置宽度，那么宽度将默认变为父亲的100%。
2） 行内元素
● 与其他行内元素并排
● 不能设置宽、高。默认的宽度，就是文字的宽度。
所有的文本级标签，都是行内元素，除了p，p是个文本级，但是是个块级元素。 所有的容器级标签都是块级元素。
块级元素和行内元素的相互转换
display: inline;
display: block;
