css的学习

碰到边界换行(英文和数字自动在容器里面换行)                 word-break:break-ail




背景：background-image:url(图片地址)
      background-repeat:no-repeat（图片不能重复,repeat-x水平方向填充，repeat-y竖直方向填充）
      background-position:center（水平方向） center（从哪里开始填充）【图片放置的位置】
      background-size:100%(图片拉伸)


图片的截取：background-position：坐标

边框：  （四边上下左右）
    边框的颜色    
    边框的粗细   1px/2px/3px.....
    边框的样式   实线/点化线/双实线.....
 border-哪一条边-样式：值     简写：border-那一条边：样式值


行内元素(span,a,i,b)，块状元素（div p）
span   在同一行显示，宽度和高度是不起作用的                     display：inline-block；水平方向排列
              display：block；转化为块状元素（竖直方向排列）
              display：none；隐藏起来