HTML5+CSS3入门知识（3）

           border：边框  

           border-color:边框颜色

           border-width:边框粗细

            border-style:边框样式
            注意：可以和方位符(top,right,bottom,left)结合使用
                     如果同时设置4种方位的不同样式，设置顺序是（上右下左[顺时针]）


            margin:外边距
            注意：可以和方位符(top,right,bottom,left)结合使用
                 如果同时设置4种方位的不同样式，设置顺序是（上右下左[顺时针]）

            经验：如何实现盒子的水平居中  margin:0px auto;>>上中下布局，左中右布局

           padding：内边距

           注意：可以和方位符(top,right,bottom,left)结合使用
                 如果同时设置4种方位的不同样式，设置顺序是（上右下左[顺时针]）

            经验：如何实现盒子的水平居中  margin:0px auto;>>上中下布局，左中右布局

   （div） 盒子模型
        作用：美化页面元素
        组成部分：
            margin
            border
            padding
            content
        显示优先级
            border>content>padding>background-image>background-color>margin