css 其他

去掉border和padding占用设置元素额外的宽高，使浏览器显示的元素宽高+border+padding的总和与设置的一致，它在浏览器的总宽=40px-border-padding

（默认时： 设置某个div宽为40px 那么他在浏览器的总宽=40px+border+padding）

*{
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

禁止选中文本

.select-unable{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

去掉input框的蓝色边框 （radio checkbox）即去除轮廓

input{
    border:;
    outline:none;
　　 box-shadow: none;
}
/*如果是改变其他则：*/
input{
    outline-color:red;
    outline-style:solid;
    outline-width:1px;
}

改变input框的宽高

宽度可以设置成html的size="40"属性

高可以设置成 line-height:40px;

这样就避免设置css的width和height造成radio和checkbox变形

设置inline-block时元素对不齐的办法是让所有并排的元素(设置所有内联元素)都设置vertical-align：top/middle/bottom/right/left;

inline-block元素，如果内部没有inline内联元素，或者overflow不是visible，则该元素的基线就是它margin的底边缘，否则就是元素内部最后一行内联元素的基线