base.css 2.31 KB
/**
* @名称: base
* @功能: 重置浏览器默认样式
*/
@charset "utf-8";
/*防止用户自定义背景颜色对网页的影响, 添加让用户自定义的字体*/
html {
    background: #ffffff;
    color: #333;
    -webkit-text-size-adjust: 100%;
    -ms-test-size-adjust: 100%;
}

/*重置内外边距*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, form, fieldset, legend, input, textarea, select, td, th, hr, button, header, hgroup, figcaption, figure, article, aside, menu, nav, section, details {
    margin: 0;
    padding: 0;
}

/*重置html5 标签, IE中需要通过 createElement(Tag) 声明元素*/
header, footer, menu, nav, hgroup, section, article, details, aside, figure, figcaption {
    display: block;
}

/*html5媒体元素 与img保持一致*/
audio, video, canvas {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

/*表单元素不继承父本的字体*/
body, input, textarea, select, button {
    font: 12px/1.5 microsoft yahei, tahoma, arial, \5b8b\4f53
}

input, textarea, button, select {
    font-size: 100%;
}

/*去掉table cell的边距*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*去除默认边框*/
fieldset, img {
    border: 0;
}

/*ie9一下显示内联*/
iframe {
    display: block;
}

/*del 删除样式一致*/
del {
    text-decoration: line-through;
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left;
}

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

q:after, q:before {
    content: ''
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #666;
    outline: none;
    text-decoration: none;
    /*border-bottom: 1px solid transparent;
    zoom: 1;*/
}

a:hover {
    color: #111;
    /*border-bottom: 1px dashed #333;*/
}

.fn-clear:after {
    clear: both;
    visibility: hidden;
    height: 0;
    content: ' ';
    display: block;
}

.fn-clear {
    *zoom: 1;
}

body .fn-show {
    display: block;
}

body .fn-hide {
    display: none;
}

.fn-left, .fn-right {
    display: inline;
}

.fn-left {
    float: left;
}

.fn-right {
    float: right;
}

.fn-text-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}