css相关

　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

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有