平时使用,一直更新(css)

1.样式初始化

html,body,div,span,ul,li,p,a,img {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑";
}
a{
    text-decoration: none;
}
input{
    outline: none;
}
button{
    outline: none;
}

2.表格

table{
    border-spacing: 0;
    border-collapse: collapse;
}

3.不换行显示...

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

4.滚动条样式

tbody::-webkit-scrollbar {/*滚动条整体样式*/
    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height:  4px;
}
tbody::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 4px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #535353;
}
tbody::-webkit-scrollbar-track {/*滚动条里面轨道*/
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius:  4px;
}

你可能感兴趣的:(平时使用,一直更新(css))