CSS笔记3、 盒子模型

<div>与<span>

跨段块标记	跨字符块标记
<div>	<span>
块显示标记	行显示标记
可以放标题、段落、图片和文字	只能放文字

div+css排版优点：

1. 缩减页面代码，提高页面执行效率；
2. 带宽要求降低（代码更简洁）；
3. 更容易被搜索引擎搜索到

盒子模型

能存放内容的标记都是盒子

盒子包括：

1、边界margin：盒子外边叫边界，有上下左右4个边界；

2、填充padding：盒子里面叫填充，有上下左右4个填充；

3、边框border：盒子本身有边框，有上下左右4个边框。

从上图可得4个盒子A、B、C、D