zoukankan      html  css  js  c++  java
  • css reset

    @charset "utf-8";
    /*
    * @作者: jersey
    * @功能: 重设浏览器默认样式,抽象通用样式库
    * @项目:
    */


    /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */
    html { color:#000; background:#fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    /* 内外边距通常让各个浏览器样式的表现位置不同 */
    body, div, 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, hgroup, menu, nav, section { margin:0; padding:0; }
    /* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
    /* HTML5 媒体文件跟 img 保持一致 */
    audio, canvas, video { display: inline-block; *display: inline;
    *zoom: 1;
    }
    /* 要注意表单元素并不继承父级 font 的问题 */
    body, button, input, select, textarea { font:12px/1.5 tahoma, arial, \5b8b\4f53; }
    input, select, textarea { font-size:100%; }
    /* 去掉各Table  cell 的边距并让其边重合 */
    table { border-collapse:collapse; border-spacing:0; }
    /* IE bug fixed: th 不继承 text-align*/
    th { text-align:inherit; }
    /* 去除默认边框 */
    fieldset, img { border:0; }
    /* ie6 7 8(q) bug 显示为行内表现 */
    iframe { display:block; }
    /* 去掉 firefox 下此元素的边框 */
    abbr, acronym { border:0; font-variant:normal; }
    /* 一致的 del 样式 */
    del { text-decoration:line-through; }
    address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:500; }
    /* 去掉列表前的标识, li 会继承 */
    ol, ul { list-style:none; }
    /* 对齐是排版最重要的因素, 别让什么都居中 */
    caption, th { text-align:left; }
    /* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
    h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:500; }
    q:before, q:after { content:''; }
    /* 统一上标和下标 */
    sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
    sup { top: -0.5em; }
    sub { bottom: -0.25em; }
    /* 让链接在 hover 状态下显示下划线 */
    a:hover { text-decoration:underline; }
    /* 默认不显示下划线,保持页面简洁 */
    ins, a { text-decoration:none; }
    */


    /*块状元素水平居中*/
    .auto { margin-left:auto; margin-right:auto; }
    /*清除浮动*/
    .cf { *zoom:1;
    }
    .cf:after { display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
    /*基于display:table-cell的自适应布局*/
    .cell { display:table-cell; *display:inline-block;
    2000px; *auto;
    }
    /*双栏自适应cell部分连续英文字符换行*/
    .cell_bk { display:table; 100%; table-layout:fixed; word-wrap:break-word; }
    /*单行文字溢出虚点显示*/
    .ell { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

  • 相关阅读:
    很多人都没用过的轻量级Oracle数据库数据导出工具SQLLDR2——性能超赞
    IT人员必备linux安全运维之Ssh用途、安全性、身份认证以及配置……【转】
    ps aux排序
    Oracle-AWR报告简介及如何生成【转】
    MySQL删除数据几种情况以及是否释放磁盘空间【转】
    MySQL登录问题1045 (28000)处理步骤【原创】
    nginx与PHP的关系和交互方式【转】
    MySQL常见错误代码说明
    xargs -i 和-I 的区别【转】
    linux中的计算【转】
  • 原文地址:https://www.cnblogs.com/leejersey/p/2585957.html
Copyright © 2011-2022 走看看