• 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; }

  • 相关阅读:
    linux的usr目录的全称是什么
    python多线程与多进程及其区别
    redis禁用危险命令
    测试文档
    mysql5.7.23windows安装
    Nginx如何处理手机端和PC端跳转不同页面
    nginx if多条件判断
    centos7单用户模式修改密码
    Django其四
    Django简单搭建编辑页面
  • 原文地址:https://www.cnblogs.com/leejersey/p/2585957.html
Copyright © 2020-2023  润新知