复习html内标签和css，盒模型

页面上一切可见的元素都可以看做盒子。

盒子分为3部分：内容级（context），可见级（context，padding，border），位置级（margin）

上边框宽度和线型、线颜色

  border-top-width:10px;

     border-top-style:solid;

     border-top-color:red;

右边框宽度和线型、线颜色

     border-right-width:10px;

     border-right-style:dashed;

     border-right-color:blue;

底边框宽度和线型、线颜色

     border-bottom-width:10px;

     border-bottom-style:dotted;

     border-bottom-color:green;

左边框宽度和线型、线颜色

     border-left-width:10px;

     border-left-style:solid;

     border-left-color:black;

/* 简写边框上右下 */

border-top:10px solid red;

border-right:10px dashed green;

border-bottom:10px dotted blue;

border-left:10px double black;

体会：关于元素盒模型，有了比较清晰的认识，分三部分：context（内容部分），padding（内边距），border（边框），margin（外边框：不可见的，元素和元素之间距离），边框会根据padding的扩大而扩大，属性有width,height,border,background-color,background,盒模型有上（top）右（right）下（bottom）左（left）四个边。