zoukankan      html  css  js  c++  java
  • css 初始化文件 全面

    /*reset.css用来存储清除浏览器的样式 ,后面添加了一部分通用样式*/
    
    a { background-color: transparent; text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0) }
    a:hover { outline: none; text-decoration: none; }
    a,a:hover,a:active,a:visited,a:link,a:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify: read-only;
    cursor: pointer;
    }
    
    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
    table { border-collapse: collapse; border-spacing: 0; }
    fieldset, img { border: 0; }
    address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
    del, ins { text-decoration: none; }
    li { list-style: none; }
    caption, th { text-align: left; }
    h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
    q:before, q:after { content: ''; }
    abbr, acronym { border: 0; font-variant: normal; }
    sup { vertical-align: baseline; }
    sub { vertical-align: baseline; }
    /*because legend doesn't inherit in IE */
    legend { color: #000; }
    input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
    button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
    /*@purpose To enable resizing for IE */
    /*@branch For IE6-Win, IE7-Win */
    input, button, textarea, select {
    *font-size: 100%; outline:none; }
    
    /*select*/
    select{
    /*复写Chrome和Firefox里面的边框*/
    border:1px solid green;
    /*清除默认样式*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    /*在选择框的最右侧中间显示小箭头图片*/
    /*background: url(../img/icon/icon_select.png) no-repeat scroll right center transparent;*/
    /*为下拉小箭头留出一点位置,避免被文字覆盖*/
    padding-right: 14px;
    }
    /*清除ie的默认选择框样式清除,隐藏下拉箭头*/
    select::-ms-expand { display: none; }
    
    /* 个人在后面添加了一些常用的公共样式 */
    /*居中效果*/
    .margin_center { margin: 0px auto; }
    /*浮动*/
    .float_left { float: left; }
    .float_right { float: right; }
    /*文字位置*/
    .text_center { text-align: center; }
    .text_left { text-align: left; }
    .text_right { text-align: right; }
    /*position*/
    .position_relative { position: relative; }
    .position_absolute { position: absolute; }
    /*边框*/
    .no_border { border: 0px!important;border-right: 0px!important; }
    /*宽度*/
    .width_whole { width: 100%; }
    /*清除格式*/
    .clear_both { clear: both; }
    .no_margin { margin: 0px!important; }
    /* 展示样式 */
    .display_block { display: block; }
    .display_none { display: none; }
    .visibility_hidden { visibility: hidden; }
    /*清除浮动*/
    .clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
    * html .clearfix{zoom:1;} /* IE6 */
    *+html .clearfix{zoom:1;} /* IE7 */
    
    body {
    font-family: 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif'!important;
    font-size: 10px;
    }
  • 相关阅读:
    Linux下三个密码生成工具
    禁止root用户远程登录
    servlet/filter/listener/interceptor区别与联系
    linux top命令查看内存及多核CPU的使用讲述
    Django-MTV
    Python开发【前端】:jquery
    Python开发【前端】:JavaScript
    查看所有用户下的定时任务
    linux下如何查看哪些进程占用的CPU内存资源最多
    CentOS7 使用tab建补全命令
  • 原文地址:https://www.cnblogs.com/whoani/p/11377798.html
Copyright © 2011-2022 走看看