码迷,mamicode.com
首页 > Web开发 > 详细

css Reset

时间:2015-08-25 15:39:15      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:

.........................................根据网站具体情况可进行增删.........................................

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 优先使用ie最新版本和chrome -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 在网页加载时隐藏地址栏与导航栏 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <!-- 是否启动webapp功能,会删除默认的苹果工具栏和菜单栏 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 当启动webapp功能时,显示手机信号、时间、电池的顶部导航栏的颜色。默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明) -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <!-- 忽略页面中的数字和Email识别为电话号码 -->
    <meta name="format-detection"content="telephone=no, email=no" />
    <title>Document</title>
    <style>
    /*.............................reset.css.................................*/
    @charset "utf-8";
    /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */
    html{color: #333;background: #fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-rendering: optimizelegibility;}
    /* ..............................移动端开启................
    html *{outline: 0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
    html,body{font-family: sans-serif;}

    html{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
    *,*:before,*:after{box-sizing:inherit;}

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

    body{
        font:12px/20px "SimSun","宋体","Arial Narrow",HELVETICA;
        /*font-family: "Microsoft YaHei","微软雅黑","SimHei","黑体";*/
        /*font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;*/
    }
    body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section{margin: 0;padding: 0;}

    table{border-collapse: collapse;border-spacing: 0;}
    ul,ol{list-style: none;}
    input,img,fieldset{border: none;}
    img{max-width: 100%;height: auto;}
    strong,b{ font-weight: bold; color: #000;}
    caption,em,i,th{font-style: normal;font-weight: 400;}

    button,input,select,textarea,h1,h2,h3,h4,h5,h6{font-size: 100%;}
    h1,h2,h3,h4,h5,h6{font-weight: 100;}
    select,input,img{vertical-align:middle;}
    input[type="text"],input[type="password"],input[type=submit],button,input[type=button],textarea{outline-style:none;-webkit-appearance:none;border-radius: 0;}

    audio,canvas,video{display: inline-block;}
    del{text-decoration: line-through;}
    hr{border: none;border-bottom: 1px solid #cfcfcf;margin-bottom: 8px;height: 10px;}

    /*.clearfix{content: "";display: block;height: 0;clear: both;line-height: 0;visibility: hidden;}*/

    .clearfix:before,.clearfix:after{content: "";display: table;}
    .clearfix:after{clear: both;}
    .clearfix{zoom: 1;}
    a{color: #1abc9c;text-decoration: none;}
    a:hover{text-decoration: underline;}

    .textwrap,.textwrap td,.textwrap th{word-wrap: break-word;word-break: break-all;}
    .textwrap-table{table-layout: fixed;}
    .line-u{text-decoration: underline;}
    .mark{background: #fffdd1;border-bottom: 1px solid #ffedce;padding: 2px;margin: 0 5px;}
    .hidden{display: none;}
    .show{display: block;}
    .elli{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    </style>
</head>
<body>
    
</body>
</html>

 

css Reset

标签:

原文地址:http://www.cnblogs.com/jiujiaoyangkang/p/4757212.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!