css样式

cursor: pointer;  当鼠标放在上面时产生鼠标手

:hover  当鼠标放到上面时会产生变化

border-radius:  设置圆角 可以分别设置4个角

background-image: linear-gradient(to right,#ff9000,#ff5000);
设置线性渐变，括号里的参数
第一个参数为方向
第二个参数为起始的颜色
第三个参数为结束的颜色

但是它的兼容性只支持到IE10，如果要兼容IE8，就要使用到 滤镜filter: ;

box-sizing: border-box; 把被设置样式的对象，变为怪异盒模型

border: 2px solid #ff5000;  设置边框，大小，实心/虚心  颜色

overflow: hidden;给一个元素中设置overflow:hidden，那么该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。

position: relative; 相对定位
position: absolute; 绝对定位

那什么时候用相对定位，什么时候用绝对定位呢？

要理解定位你要先理解文档流，在文档流中相对定位的元素占有位置，而且会影响后面的元素（块元素、行内块元素），比如两个div并排，另外一个会换行。

而绝对定位就是把该元素从文档流中踢出，不会占用文档流的位置，也不会影响后面的元素。

outline: none; 去掉边框
    
border: none; 去掉border的边框

text-indent: 10px; 输入框距离左边的距离

vertical-align: 1px; 设置垂直位置

z-index: 2; 设置元素的堆叠顺序。

background-color: transparent;  透明，为了能够看到后面的文字

text-align: center; 属性规定元素中的文本的水平对齐方式。

background: url(../images/6.jpg) no-repeat;  添加背景图