美文网首页
前端常用公共CSS样式(PC+移动)

前端常用公共CSS样式(PC+移动)

作者: 前端的自我修养 | 来源:发表于2019-10-30 09:28 被阅读0次

    html,body {font-family:"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif;font-weight:400;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; width: 100%;-webkit-overflow-scrolling : touch;-webkit-touch-callout:none;}

    /* 去除元素自带padding和margin */

    body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, footer, header, nav{ margin: 0; padding: 0; }

    /* 去除列表自带圆点 */

    li {list-style:none}

    /* 去除a链接下划线 */

    a {text-decoration:none;outline:0;color:#000;}

    /* 移动端点击a链接出现蓝色背景问题解决 */

    a:link,a:active,a:visited,a:hover { background: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }

    /* 去除图片自带的边框 */

    img{border:0}

    /* 设置表单元素的文字字体 */

    input,select,textarea,button{font-family:inherit;}

    /* 设置HTML5元素为块 */

    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

    /*去除点击高亮效果*/

    a,button,input,select,img,label{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}

    /*去掉苹果的默认UI来渲染按钮*/

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

    相关文章

      网友评论

          本文标题:前端常用公共CSS样式(PC+移动)

          本文链接:https://www.haomeiwen.com/subject/gvanvctx.html