css盒子模型

书接上回，我们大致粗略谈及什么是css，及css作用是什么。那么今天我们来唠唠什么是css盒子模型，以下内容根据个人学习中参考的一些技术文档及个人看法，可能有所偏颇，希望谅解。（搞好技术，不断学习，冲冲冲~）。
顾名思义，盒子模型就是像盒子一样存放我们需要数据的一个模型，盒子模型作用于浏览器中。或者我们可以这样理解。浏览器中有许许多多的盒子，放着各种我们要的“学习资料”；但是最大的盒子是浏览器。每一个盒子都是一个独立的逻辑块级元素单位。都是独立的（就像编程语言里的内存，其实都是一个道理，都是一个个盒子存放数据。只不过是盒子模型里的盒子是作用于浏览器端的）。
最常见的块级元素莫过于在html中的<div></div>标签了，该标签直接划分一个独立的块级元素。不过除了本身存放的内容，该独立的块级元素所有的属性在样式设定前均是默认none的状态，也就是透明的，需要开发者去设定其样式，以及大小，使其符合开发者预期的样式及项目需求等等。
盒子模型的属性大致分为以下几种，top;bottom;left;right。
padding和margin属性。前面四种属性都好理解，就是这个盒子的顶部底部，左右的属性样式。那么padding属性是什么意思呢？padding属性的意思是相当于把盒子撑大使其能放更多的东西，或者更美观。margin属性是边距距离；搭配前面几个属性使用，使这个盒子的位置有所不同，从而有不一样的效果。再搭配其他css样式，使这个盒子有更不一样的效果（不得不说，css真是一个好玩又有用的东西）
## 盒子外观设定
和其他层叠样式表元素一样，css盒子模型外观样式设定也是通过行内式，外联式和内联式这三种不同的是层叠样式表的一部分。所以说肯定可以像其他css元素一样去设定（咳咳，有点废话文学的意思了，咱就不搁这搁这了哈哈）😄
我们不但可以设置盒子的大小，长宽。我们也可以设置这个盒子的边框颜色，背景，边框是否为圆角等等，只要开发者去想一定可以去实现。
如果你实在不想去设定这些复杂的东西，你可以用border：solid;属性去设置。（这效果真就是一个边框，啥也没有哈哈哈，我愿称这个为最简单的盒子哈哈哈。）😄
其次，在设定样式过程中，最好事先用ID属性给盒子命名，这样设定起来方便的多。因为如果在层叠样式表中直接对<div></div>进行样式更改，那么就是对所有div标签进行样式更改，不利于我们去进行开发。
（好啦，关于盒子就说这么多，本篇文章只是我对盒子模型的一些看法，仅供参考。有所偏颇，请谅解。今天1024程序员节，祝大家代码没有bug，早脱单暴富。1024快乐）