css常用样式

设置超过宽度省略号：

  text-overflow: ellipsis;
  white-space:nowrap;
  overflow:hidden;

下划线：

      content: "";
      width: 94%;
      height: 1px;
      border-bottom: 1px solid #ccc;
      position: absolute;
      transform: scaleY(0.5);
      left: 3%;
      bottom: 0px; 

点击后去掉蓝色边框：

      outline:none;

斜体：

font-style:italic;

oninput事件:
当用户向中尝试输入时执行JavaScript：

定义和用法:
oninput事件在用户输入时触发.该事件在或元素的值发生改变时触发。
提示:该事件类似于onchange事件。不同之处在于oninput事件在元素值发生变化是立即触发,
onchange在元素失去焦点时触发。另外一点不同是onchange事件也可以作用于和元素。

返回页面，点击事件时：

window.history.back()；

a标签里面href=“javascript:history.go(-1)”；

//固定定位;

  window.onscroll = function(){
	  var box = document.getElementById("box1");
	  var scroll = document.body.scrollTop || document.documentElement.scrollTop;
	  //超过固定定位
	  if(scroll>850){
	  	box.style.cssText = "position:fixed; top:-32px;box-shadow: 0 0 5px #999;";
	  }else{
	  //小于就不定位
	  	box.style.cssText = "position:static";
	  }
   }

高度居中

.vAlign:after{
    content: "";
    width:0;
    height:100%;
    vertical-align: middle;
    display: inline-block
}

清除浮动：

.clear:after{
    content:"";
    display:block;
    clear:both;
    height:0;
    overflow:hidden;
    visibility:hidden;
}

border: 1px solid #e0e0e0;
box-shadow: 2px 0 5px rgba(0,0,0,.3);(上下右，右阴影宽）

.clearfix应用在包含浮动子元素的父级元素上。
清除浮动：

.clearfix:after{content:"";display:block;height:0;overflow:hidden;clear:both;}
.clearfix{*zoom:1}

或者：

.clearfix:after{content:"";display:table;clear:both;}
.clearfix{*zoom:1}