在CSS中，你设置一个元素的 width 与 height 只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding ，绘制到屏幕上时的盒子宽度和高度会加上设置的边框和内边距值。这意味着当你调整一个元素的宽度和高度时需要时刻注意到这个元素的边框和内边距…

盒子模型 盒子的概念： 页面中的每一个标签，都可看做是一个 “盒子”，通过盒子的视角更方便的进行布局 组成： CSS 中规定每个盒子分别由：**内容区域（content）、内边距区域（padding）

HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中 <…