块级元素

前言

　　入侵前端计划的第一周即将结束，《CSS权威指南》已近尾声，真心推荐，是本好书，会带来一些新的认识，比如说盒子模型。

　　如果想讨论讨论，欢迎评论，共同进步嘛，初来乍到，有何不妥，请多多指点。

引入问题

　　据说CSS中最基础的一个重点，也就是最重点的一个基础，就是盒子模型，究竟什么是盒子模型？

基本概念

　　本文中会提到的名词列在下面，如文章有其他不熟悉的词汇，请请求网络帮助。

　　　　1. 正常流：正常文本从左向右、从上向下显示，称为正常流，本文一律在正常流下进行讨论，浮动和定位会让元素脱离正常流。

　　　　2. 非替换元素：元素内容包含在文档中，如<p>、<h1>。

　　　　3. 替换元素：用作为其他内容占位符的元素，如<img>。

　　　　4. 块级元素：本文介绍块级元素的一些特征，从最基本的<div>、<p>元素开始。

　　　　5. 外边距（margin）：默认值为0，可以为负数。

　　　　6. 边框（border）：默认没有边框，宽度不能为负数。

　　　　7. 内边距（padding）：默认值为0，不能为负数。

　　　　8. 宽度（width）：默认值为auto，不能为负数，为内容宽度（不包括内边距）。

　　　　9. 高度（height）：默认值为auto，不能为负数，为内容高度（不包括内边距）。

盒子模型

　　开篇第一图盗自百度百科。

外边距合并

　　块级元素水平方向不会合并外边距，但是垂直方向会合并，大的吃小的的道理，效果如下。

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：块级元素

关键词：