C端&移动端的页面都用的到的CSS代码,Css代码库,德仔网

代码语言
代码分类
【Css】 C端&移动端的页面都用的到的CSS
作者: / 发布于2017/3/28/ 664
PC端&移动端的页面都用的到的CSS笔记（自己用的）
PC端--------------------------------------------------
@charset "utf-8";
*{ margin:0px; padding:0px;}
body{ font-family:"PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei"; color:; font-size:; line-height:;}
h1 , h2 , h3 , h4{ font-weight:normal; display:inline;}
li{ list-style:none;}
i{ font-style:normal;}
a:link , a:visited ,a:active{ text-decoration:none; color:;}
a:hover{ color:;}
img{ vertical-align:middle;}
a img{ border:none;}
.cle{ *zoom:1;}
.cle:after{ content:""; display:block; height:0; clear:both;}
.f_right{ float:right;}


Mobile端--------------------------------------------------
@charset "utf-8";
@media screen and (min-width:320px) and (max-width:359px){html{font-size:12px;}body{ font-size:1.2rem;}}
@media screen and (min-width:360px) and (max-width:374px){html{font-size:13.5px;}}
@media screen and (min-width:375px) and (max-width:383px){html{font-size:14.07px;}}
@media screen and (min-width:384px) and (max-width:392px){html{font-size:14.38px;}}
@media screen and (min-width:393px) and (max-width:410px){html{font-size:14.75px;}}
@media screen and (min-width:411px) and (max-width:413px){html{font-size:15.41px;}}
@media screen and (min-width:414px) and (max-width:479px){html{font-size:15.52px;}}
@media screen and (min-width:480px) and (max-width:511px){html{font-size:18px;}}
@media screen and (min-width:512px) and (max-width:639px){html{font-size:19.19px;}}
@media screen and (min-width:640px){html{font-size:24px;}}

*{ margin:0px; padding:0px; -webkit-tap-highlight-color:rgba(0,0,0,0);}
html{ min-width:320px; max-width:640px; margin:0 auto;}
body{ font-family:"PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei";
-webkit-user-select:none;/* 禁用长触选择文字等功能 */
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
-webkit-touch-callout:none; /* 禁用长触弹出的下载图片菜单 */
-moz-touch-callout:none;
-ms-touch-callout:none;
-o-touch-callout:none;
touch-callout:none;
}
li{ list-style:none;}
i{ font-style:normal;}
a:link , a:visited , a:hover ,a:active{ text-decoration:none; color:;}
.cle:after{ content:""; display:block; height:0; clear:both;}
button ,
input ,
select ,
textarea{
outline:none; border-radius:0; font-size:1rem; font-family:"PingFangSC-Regular","sans-serif","STHeitiSC-Light","微软雅黑","Microsoft YaHei";
-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none;
}
input[type=checkbox] ,
input[type=radio]{ margin:0 0.5rem;}
/*去除input[type=number]安卓端上下箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    appearance: none !important;
    margin: 0; 
}
.f_right{ float:right;}


/*去除input[type=number]上下箭头*/
/*在chrome下：*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0; 
}
/*Firefox下：*/
input[type="number"]{-moz-appearance:textfield;}
试试其它关键字
同语言下
可能有用的
贡献的其它代码Label