css背景、边框

        border-style:dotted;图片边框线虚线
border-width: 6px;边框线的宽度
background-repeat:no-repeat;图片不重复 填充背景必须要加上高度跟宽度 不然不显示
background-repeat:repeat-x;水平方向填充
background-repeat:repeat-y;竖直方向填充
      background-position:center center; 背景图片水平居中  right/left 
        background:#F00 url() no-repeat[rɪ'piːt] center;简写 写代码最好是简写 .
background-size 图片拉伸
background-color 背景颜色

1.图片的截取：主要是优化 运用Ps获取图片的坐标

    background-position: 0px -200px;
2.边框(四边 上下左右) top bottom left right
边框的颜色：终极合并border:1px solid #666666; 合并更加优化 border-top:1px solid #f00; 
分开写：
border-top-width:1px;    
border-top-color:#foo;
border-top-style:solid;
边框的粗细 1px/2px/3px/4px
     实线：solid;
     点线：dotted;
     双实线：double;
    虚线：dashed；[dæʃt]
3.行内元素(span a i b )，块状元素 （div p）
span 在同一行显示，宽度跟高度不起作用  
display:inline-blocK 水平方向排列
display:block; 转化为块状元素（竖直方向排列） //换行会有空格
dispaly:none;隐藏起来 JS调用常用到