• 项目css重置总结


    相关建议:

    ①不要用全局reset;

    ②指定相应的简写方式;

    ③理清页面结构,尽量统一使用;

    /** 清除内外边距 **/

    body, h1, h2, h3, h4, h5, h6, hr, p,

    blockquote, /* structural elements 结构元素 */

    dl, dt, dd, ul, ol, li, /* list elements 列表元素 */

    pre, /* text formatting elements 文本格式元素 */

    form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */

    th, td, /* table elements 表格元素 */

    img/* img elements 图片元素 */{

    border:medium none;

    margin: 0;

    padding: 0;

    }

    /** 设置默认字体 **/

    body,button, input, select, textarea {

    font: 12px/1.5 '宋体',tahoma, Srial, helvetica, sans-serif;

    }

    h1, h2, h3, h4, h5, h6 { font-size: 100%; }

    em{font-style:normal;}

    /** 重置列表元素 **/

    ul, ol { list-style: none; }

    /** 重置超链接元素 **/

    { text-decoration: none; color:#333;}

    a:hover { text-decoration: underline; color:#F40; }

    /** 重置图片元素 **/

    img{ border:0px;}

    /** 重置表格元素 **/

    table { border-collapse: collapse; border-spacing: 0; }

    /** 重置input元素 **/

    // style init
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #aaa;
    }

    input:-moz-placeholder, textarea:-moz-placeholder {
    color: #aaa;
    }

    input::-moz-placeholder, textarea::-moz-placeholder {
    color: #aaa;
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #aaa;
    }

     /** ** ** ** ** ** ** 常用小样式** ** ** ** ** ** **  **/

    mt/mb/ml/mr/fl/fr

     /** ** ** ** ** ** ** 定义常用小组件样式** ** ** ** ** ** **  **/

    btn/ipt/

  • 相关阅读:
    Ubuntu1804命令行安装vmtool
    Pyspider的基本使用
    HDU-4507
    CF264BGood Sequences
    CF285D.D. Permutation Sum
    我罗斯方块最终篇(Player类、Game类)
    ES学习(三)--查询
    ES学习(二)--增删改查
    GIT学习
    ES学习(一)--核心概念,NRT、索引、分片、副本
  • 原文地址:https://www.cnblogs.com/vonson/p/7614329.html
Copyright © 2020-2023  润新知