常用CSS设置 （干货）

居中：

align-items: center;
text-align: center;
height: 40px;
line-height: 40px;

div居中：

margin-left: 50%;
transform: translateX(-50%);

指针样式：

cursor: pointer;

圆角：

border-radius:4px;

超出宽度换行（div块）：

display: flex;
flex-flow: row wrap;
/justify-content: center;/
align-items: center;

超出宽度换行（文本）：

word-wrap: break-word;
word-break: break-all;
width: 300px; /必须设置宽度/
overflow: hidden; /溢出隐藏/
text-overflow: ellipsis; /以省略号…显示/
white-space: nowrap;

超出高度显示滚动条：

overflow :auto时，内容超过指定高度会出现滚动条
overflow：hidden时，不显示超过对象（div）尺寸的内容
overflow：scroll，一直显示滚动条，
overflow：visible 初始值 不剪切内容也不添加滚动条,会呈现在元素框之外

层级及位置：

z-index: 20;
position: fixed;
left: 35%;
top: 20%;

字体常用：

font-size: 14px;
color: #333;
font-weight: bold;
text-decoration:none;/清除下划线/

input框清除样式：

resize:none;

重置下拉框样式：

select{
padding-right: 20px;
padding-left: 10px;
border: solid 1px #f0f0f0;
-webkit-appearance:none;
background: url("…/img/xialaanniu.png") no-repeat scroll right center transparent;
width: 200px;
height: 26px;
}

select:-ms-expand {
display: none;
}

边框阴影：

box-shadow:20px 0px 30px 10px #abcdef inset;/zz/
/这6个值分别是：left值 、top值、透明度、阴影外延宽度、颜色、向里凹陷（选填，默认为外延）/