css的常用属性

float:浮动，left/right/none/inherit,一行占满自动换行,应用于任何元素，浮动的元素会生成一个块级元素；
                  虽脱离文档流，但仍占其位置。
                 设置了float浮动，父元素要设置清除浮动clearfix

position: 定位，会覆盖文档流的其他元素
          不脱文档流：static relaive
          脱离文档流：absolute fixed
          配合使用 relative 和absolute进行可以合适的定位

display: 规定元素类型
         inline 内联元素  不带换行符  有同行特性
         none: 此元素不显示
         block 块级元素  带换行符     有宽度高度特性
         inline-block 行内块级元素    有同行特性，有宽度高度特性
         inherit 从父元素继承display属性值

margin: 外边距
           可以指定四个方向一样的值：margin: 10px;  
           可以指定方向指定值margin-left: 10px;
           可以指定四个方向的值margin: 10px, 20px, 5px, 10px;  方向分别是上右下左

padding: 内边距，也可以像margin一样指定方向

border: 边框 
         也可以margin一样指定四个方向
          border: 大小, 样式, 颜色。 border: 1px solid #ddd;
          样式有：dotted(点状线) solid(实现) dash(虚线) double(双线)

backgroung: 背景
        background-image: url('')；背景图片，相对该css文件的地址 
        background-color: 背景颜色，值可以是颜色名字，十六进制颜色，rgba(不透明度，子元素不继承)
        background-repeat: repeat(默认)/no-repeat/repeat-x/repeat-y
        background-position:  背景图片起始位置, 值可以是，top, left, bottom, right, center
       background-size:  背景图片的大小，px/%/cover(整个区域)/contain(适应内容区域)

color: 字体颜色，值可以是颜色名字，也可以十六进制颜色
font-size: 字体大小 单位px/em
opacity: 不透明度 0~1，接近0越透明，子元素会继承该属性
font-weight: bold/bolder/normal