居中:
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值、透明度、阴影外延宽度、颜色、向里凹陷(选填,默认为外延)/