CSS盒模型

1. 盒模型也就是我们呢所说的CSS盒子，称之为盒模型
   
   2.每一个盒子都包括边框（border），内边距（padding），外边距（margin）
   3.盒子的属性作用:
   （1）内边距（padding）指的是盒子的内容，用于显示文本和图像
   （2）外边距(margin)指的是盒子与领元素的间距
   （3）边框（border）指的是盒子的边框，边框可以设置宽度、边框样式、边框颜色
   4.一个盒子有四条边，分别都是外边距、内边距、边框，它们各个的属性值也是不同的，分别由上边距(top)、右边距(right)、下边距(bottom)、左边距(left)，盒子的属性值的顺序是上右下左。
   6.边框属性有：上边框border-top、右边框border-right、下边框border-bottom、左边框border-left。
   7.内边距的属性有：上内边距padding-top、右内边距padding-right、下内边距padding-bottom、左内边距padding-left
   8.外边距的属性有：上外边距margin-top、右外边距margin-right、下外边距margin-bottom、左外边距margin-left
   9.我们现在已经知道了属性的顺序为上右下左，那么我们才css样式中我们也可以简写模式来提高效率和文本过多的现象。
   10.margin：2px 3px 4px 5px 那么这个属性的意思是上边距为2，右边距为3，下边距为4，左边距为5
   11.margin：2px 3px 4px 那么这个属性的意思是上边距为2px 左右为3px 下边距为4px
   12.margin：2px 3px这个意思是上下边距为2 左右为3
   13.margin：1px 指的是上下左右的边距都为1
   14.那么我们边框的写法有很多种，比如：
   Border：1px solid #999
   那么这个的意思就是这个盒子的边框像素为1个像素，边框样式为实现，边框颜色为#999
   

15.边框除了这种写法还有的一种写法就是在内联样式上写：

16.border还有一种属性就是设置和自动的圆角边框（radius）那么radius有一下几点属性：
（1）border-radius：用于设置边框的圆角属性
（2）border-top-left-radius：设置边框的左上角圆角
（3）border-top-right-radius：这是边框的右上角圆角
（4）border-bottom-left-radius：设置边框的左下角圆角
（5）border-bottom-right-radius：设置边框的右下角圆角

这是我所学到的CSS盒模型，所以我要分享给你们，希望可以帮助到你们。
以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！