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

  • 相关阅读:
    Linux官方源、镜像源汇总
    python3 pip报错 TypeError: 'module' object is not callable
    2019-11-27:kali 2019-4中文乱码解决方法
    2019-11-26:密码学基础知识,csrf防御
    2019-11-25:信息收集,笔记
    2019-11-24:postgresql数据库安装,最后报错failed to load SQLModule 问题的解决方案
    2019-11-22:xss绕过笔记
    2019-11-20:xss学习笔记
    2019-11-19:无返回的盲型xxe,使用带外读取数据
    2019-11-19:xxe漏洞利用,笔记
  • 原文地址:https://www.cnblogs.com/leejersey/p/2585957.html
Copyright © 2011-2022 走看看