css 样式

1、opacity 透明度设置，适用于上传 <input type="file"/>  取消原有样式，若使用display:none 会导致点不动，需要另外的按钮来调用  {filter:alpha(Opacity=80);针对IE   -moz-opacity:0.5;针对火狐   opacity: 0.5;针对IE之外的浏览器，注意针对火狐}

2、fload  浮动，对于div排列布局会很有效

3、position 定位，absolute 绝对于上一级有定位属性的父元素relative fixed

　　relative 按元素本身的位置移动，移动后之前的物理位置还存在 而定位absolute，原本的物理位置消失

 

4、input样式 width padding  border:1px solid #EAEAEA;  选中的样式   :hover{border:1px solid rgb(56,167,213)} 

5、border-width   设置边框的宽度，利用margin:0  auto来设置  border:1px solid rgb(238,238,238);   width 80% <div class="line"></div> 加一条灰线

6、按钮样式。color: #fff   background-color: #62A996  cursor: pointer;　　padding: 0.2em 0.5em　　 border-radius: 0.6em　　 border: none

7、选择器 div+P  紧接着div的p的样式,和div同一等级

　　div>p  div的第一层子元素  div p div的所有子元素 div,p 所有的 div和p

8、visibility属性的hidden依旧保留物理空间，而display:none 并不保留物理空间

9、布局
　　flex布局  http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
　　马士兵flex 教学
　　position详解  https://developer.mozilla.org/zh-CN/docs/Web/CSS/position