实用的 common.css

Posted 登陆太阳计划

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了实用的 common.css相关的知识,希望对你有一定的参考价值。

//Basic Setting

html,body{

height: 100%;
width: 100%;
// background-color: #F5F5F5;

}


body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption {
    padding: 0;
    margin: 0;
    list-style: none;
    font-style: normal;
    text-decoration: none;
    border: none;
    font-family: AlibabaPuHuiTi,"Microsoft Yahei",sans-serif;
    -webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing: antialiased;
    &:focus {
        outline: none;
    }
    color: #F5F5F5;
    font-size: 14px;
}

//Scroll

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 10px;  
    height: 10px;  
    background-color: #F5F5F5;  
    // background-color: red;  
}  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);  
    // border-radius: 10px;  
    background-color:rgb(25, 69, 78);  
}  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 6px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: rgb(16, 106, 117);  
}  

//input

input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] {
    -webkit-appearance: none;
}

textarea { -webkit-appearance: none;}

以上是关于实用的 common.css的主要内容,如果未能解决你的问题,请参考以下文章

Android 实用代码片段

asp.net页面实用代码片段

超实用的php代码片段

实用代码片段

分享几个实用的代码片段(附代码例子)

分享几个实用的代码片段(附代码例子)