base.css
2.31 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
/**
* @名称: 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;
}