• 【原创】自用css reset


    自己工作中常用的reset,和一些设置,实际用时会根据网站页面进行增删。

    /* Common style */
    html{ overflow-y:scroll; overflow-x:auto;}
    body,h1,h2,h3,h4,h5,h6,p,form{ margin:0;}
    body{ font:14px 'Microsoft YaHei',tahoma,Srial,helvetica,sans-serif;}
    h1,h2,h3,h4,h5,h6{ font-size:100%;}
    ul{ margin:0; padding:0; list-style:none;}
    a img,input,button,textarea{ border:none;}
    table{ border-collapse:collapse; border-spacing:0; 100%;}

    /* Link Style */
    a:visited{ outline:none;}
    a:link{ color:#333; text-decoration:none;}
    a:visited{ color:#333; text-decoration:none;}
    a:hover{ color:#f40; text-decoration:underline;}
    a:active{ color:#f40; text-decoration:underline;}

    /* Font Style */
    .size_16{ font-size:16px;}
    .red,body a.red{ color:#f00;}/*红色文字和链接*/
    body .color3{ color:#333;}
    body .color6{ color:#666;}
    body .color9{ color:#999;}
    .normal{ font-weight:normal;}
    .bold{ font-weight:bolder;}

    /* Space Style */
    .mt10{ margin-top:10px;}
    .pt10{ padding-top:10px;}

    /* Form Style */
    .checkbox{ vertical-align:middle; margin:-2px 5px 1px 0;}
    .btn_red{ border-radius:5px; color:#fff; background:#ef4949; cursor:pointer;}/*红色按钮*/
    a.btn_red{ display:inline-block; color:#fff; text-align:center; text-decoration:none;}
    .btn_red:hover{ background:#d72d2d;}
    .text1{ 280px; height:38px; line-height:38px; padding:0 10px; border:1px solid #e2e2e2; border-radius:5px; background:#eee;}
    textarea{ vertical-align:middle;}

    /* Body Style */
    .con{ 1200px; margin:0 auto;}
    .fl{ float:left;}
    .fr{ float:right;}
    .hide{ overflow:hidden;}
    .t_hide{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
    .block{ display:inline-block;}
    .t_cen{ text-align:center;}
    .p_re{ position:relative;}
    .p_ab{ position:absolute;}

    /* header */
    .top{ height:40px; line-height:40px; font-size:12px; border-bottom:1px solid #ddd; background:#f3f3f3;}
    .logo{ 342px; height:50px; display:inline-block; margin:25px 0; background:url(../images/logo.png) no-repeat;}
    .logo h1{ text-indent:-9999px;}
    .nav{ 650px; overflow:hidden;}
    .nav li{ 130px; float:left;}

    /* content */

    /* footer */

  • 相关阅读:
    线段树----hdoj 1754 I here it
    树状数组----poj 2352 stars
    莫队算法
    枚举+深搜----poj 3279 Fliptile
    java 10 -09的作业
    java 09 06 thread-同步代码块-同步方法
    java09-05 join_daemon
    java09 02 Thread-yield 放弃
    java 07 jar
    java 08 作业
  • 原文地址:https://www.cnblogs.com/xiaoxianweb/p/5692032.html
Copyright © 2020-2023  润新知