textarea去掉拉伸
resize:none;
input button等去掉选中的默认样式
input,button,select,textarea{outline:none;}
超出显示省略号
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
word-wrap:normal !important;
word-break:normal !important;
ie8背景色透明
filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#44000000,endColorstr=#44000000);
一般情况下，1em=12pt=16px=100% . 下面例子前提在body中设置基础字体大小。
由上图可看出，相对单位em 和 % 会随着基础字体大小的变化而变化，而pt 和 px 不会变化，这就是为什么选择em 和 % 设置web文档文本的字体（其在移动端的访问性也很好）。
select下拉按钮重置
select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #000;
/*很关键：将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*在选择框的最右侧中间显示小箭头图片*/
background: url("../images/arr.png") no-repeat scroll 250px center transparent;
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
padding-right: 14px;
}
<link rel="shortcut icon"type="image/x-icon" href="images/favicon.ico" />
换title的logo
匀速运动 linear