简单的样式设置

span标签（行标签）不能设置宽和高，只能靠字体大小来撑开，但是写的东西都在一行
div标签（块标签）可以设置宽和高，盒子

背景设置
background-color:red //背景颜色
background-image:url(“图片路径”) //以背景图片的方式引入图片
backgroung-size:100px 200px; //设置背景大小
background-size:contain; //设置背景图片纵向平铺
background-size:cover; //设置背景图片横向平铺
background-repeat:repeat-x; //X方向重复
background-repeat:repeat-y; //Y方向重复
background-repeat:no-repeat; //不重复
background-position:100px 200px; //定位
background:url(‘图片路径’) repeat-x 100px 200px red;
//复合写法，引入图片，X方向重复，定位，背景颜色
使用复合写法时，背景大小要单独设置
背景不具备撑开父级元素宽度和高度的特性

边框设置
 padding:内边距
 margin：外边距
 border:5px solid red                               //实线，5像素，红色
 border-top: 5px brown dashed;          //上边框线，5像素，虚线
 border-right:10px gold dotted;           //右边框线，10像素，点线
 border-bottom: 10px green solid;      //下边框线，10像素，实线，绿色
 border-left: 3px blue dashed;              //左边框线，3像素，虚线，绿色
  box-shadow:10px 10px 10px grey;     //阴影，横向纵向模糊程度，灰色
一个元素设置了边框，则此元素的显示范围和作用范围都变大，因为元素默认box-sizing:content-box
 盒模型box-sizing:border-box;              //不会影响布局
 轮廓设置outline:2px solid blue;          //下划线，2像素，实线，蓝色