CSS重置

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
/*文字排版*/
.f12 { font-size : 12px }
.f13 { font-size : 13px }
.f14 { font-size : 14px }
.f16 { font-size : 16px }
.f20 { font-size : 20px }
.fb { font-weight : bold }
.fn { font-weight : normal }
.t2 { text-indent : 2em }
.lh150 { line-height : 150% }
.lh180 { line-height : 180% }
.lh200 { line-height : 200% }
.unl { text-decoration : underline ; }
.no_unl { text-decoration : none ; }
/*定位*/
.tl { text-align : left }
.tc { text-align : center }
.tr { text-align : right }
.bc { margin-left : auto ; margin-right : auto ; }
.fl { float : left ; display : inline }
.fr { float : right ; display : inline }
.cb { clear : both }
.cl { clear : left }
.cr { clear : right }
.clearfix:after { content : "." ; display : block ; height : 0 ; clear : both ; visibility : hidden }
.clearfix { display : inline-block } * html .clearfix { height : 1% } .clearfix { display : block }
.vm { vertical-align : middle }
.pr { position : relative }
.pa { position : absolute }
.abs-right { position : absolute ; right : 0 }
.zoom { zoom : 1 }
.hidden { visibility : hidden }
.none { display : none }
/*长度高度*/
.w10 { width : 10px }
.w20 { width : 20px }
.w30 { width : 30px }
.w40 { width : 40px }
.w50 { width : 50px }
.w60 { width : 60px }
.w70 { width : 70px }
.w80 { width : 80px }
.w90 { width : 90px }
.w100 { width : 100px }
.w200 { width : 200px }
.w250 { width : 250px }
.w300 { width : 300px }
.w400 { width : 400px }
.w500 { width : 500px }
.w600 { width : 600px }
.w700 { width : 700px }
.w800 { width : 800px }
.w { width : 100% }
.h50 { height : 50px }
.h80 { height : 80px }
.h100 { height : 100px }
.h200 { height : 200px }
.h { height : 100% }
/*边距*/
.m10 { margin : 10px }
.m15 { margin : 15px }
.m30 { margin : 30px }
.mt5 { margin-top : 5px }
.mt10 { margin-top : 10px }
.mt15 { margin-top : 15px }
.mt20 { margin-top : 20px }
.mt30 { margin-top : 30px }
.mt50 { margin-top : 50px }
.mt100 { margin-top : 100px }
.mb10 { margin-bottom : 10px }
.mb15 { margin-bottom : 15px }
.mb20 { margin-bottom : 20px }
.mb30 { margin-bottom : 30px }
.mb50 { margin-bottom : 50px }
.mb100 { margin-bottom : 100px }
.ml5 { margin-left : 5px }
.ml10 { margin-left : 10px }
.ml15 { margin-left : 15px }
.ml20 { margin-left : 20px }
.ml30 { margin-left : 30px }
.ml50 { margin-left : 50px }
.ml100 { margin-left : 100px }
.mr5 { margin-right : 5px }
.mr10 { margin-right : 10px }
.mr15 { margin-right : 15px }
.mr20 { margin-right : 20px }
.mr30 { margin-right : 30px }
.mr50 { margin-right : 50px }
.mr100 { margin-right : 100px }
.p10 { padding : 10px ; }
.p15 { padding : 15px ; }
.p30 { padding : 30px ; }
.pt5 { padding-top : 5px }
.pt10 { padding-top : 10px }
.pt15 { padding-top : 15px }
.pt20 { padding-top : 20px }
.pt30 { padding-top : 30px }
.pt50 { padding-top : 50px }
.pb5 { padding-bottom : 5px }
.pb10 { padding-bottom : 10px }
.pb15 { padding-bottom : 15px }
.pb20 { padding-bottom : 20px }
.pb30 { padding-bottom : 30px }
.pb50 { padding-bottom : 50px }
.pb100 { padding-bottom : 100px }
.pl5 { padding-left : 5px }
.pl10 { padding-left : 10px }
.pl15 { padding-left : 15px }
.pl20 { padding-left : 20px }
.pl30 { padding-left : 30px }
.pl50 { padding-left : 50px }
.pl100 { padding-left : 100px }
.pr5 { padding-right : 5px }
.pr10 { padding-right : 10px }
.pr15 { padding-right : 15px }
.pr20 { padding-right : 20px }
.pr30 { padding-right : 30px }
.pr50 { padding-right : 50px }
.pr100 { padding-right : 100px }

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
/*文字排版*/
.f12 { font-size : 12px }
.f13 { font-size : 13px }
.f14 { font-size : 14px }
.f16 { font-size : 16px }
.f20 { font-size : 20px }
.fb { font-weight : bold }
.fn { font-weight : normal }
.t2 { text-indent : 2em }
.lh150 { line-height : 150% }
.lh180 { line-height : 180% }
.lh200 { line-height : 200% }
.unl { text-decoration : underline ; }
.no_unl { text-decoration : none ; }
/*定位*/
.tl { text-align : left }
.tc { text-align : center }
.tr { text-align : right }
.bc { margin-left : auto ; margin-right : auto ; }
.fl { float : left ; display : inline }
.fr { float : right ; display : inline }
.cb { clear : both }
.cl { clear : left }
.cr { clear : right }
.clearfix:after { content : "." ; display : block ; height : 0 ; clear : both ; visibility : hidden }
.clearfix { display : inline-block } * html .clearfix { height : 1% } .clearfix { display : block }
.vm { vertical-align : middle }
.pr { position : relative }
.pa { position : absolute }
.abs-right { position : absolute ; right : 0 }
.zoom { zoom : 1 }
.hidden { visibility : hidden }
.none { display : none }
/*长度高度*/
.w10 { width : 10px }
.w20 { width : 20px }
.w30 { width : 30px }
.w40 { width : 40px }
.w50 { width : 50px }
.w60 { width : 60px }
.w70 { width : 70px }
.w80 { width : 80px }
.w90 { width : 90px }
.w100 { width : 100px }
.w200 { width : 200px }
.w250 { width : 250px }
.w300 { width : 300px }
.w400 { width : 400px }
.w500 { width : 500px }
.w600 { width : 600px }
.w700 { width : 700px }
.w800 { width : 800px }
.w { width : 100% }
.h50 { height : 50px }
.h80 { height : 80px }
.h100 { height : 100px }
.h200 { height : 200px }
.h { height : 100% }
/*边距*/
.m10 { margin : 10px }
.m15 { margin : 15px }
.m30 { margin : 30px }
.mt5 { margin-top : 5px }
.mt10 { margin-top : 10px }
.mt15 { margin-top : 15px }
.mt20 { margin-top : 20px }
.mt30 { margin-top : 30px }
.mt50 { margin-top : 50px }
.mt100 { margin-top : 100px }
.mb10 { margin-bottom : 10px }
.mb15 { margin-bottom : 15px }
.mb20 { margin-bottom : 20px }
.mb30 { margin-bottom : 30px }
.mb50 { margin-bottom : 50px }
.mb100 { margin-bottom : 100px }
.ml5 { margin-left : 5px }
.ml10 { margin-left : 10px }
.ml15 { margin-left : 15px }
.ml20 { margin-left : 20px }
.ml30 { margin-left : 30px }
.ml50 { margin-left : 50px }
.ml100 { margin-left : 100px }
.mr5 { margin-right : 5px }
.mr10 { margin-right : 10px }
.mr15 { margin-right : 15px }
.mr20 { margin-right : 20px }
.mr30 { margin-right : 30px }
.mr50 { margin-right : 50px }
.mr100 { margin-right : 100px }
.p10 { padding : 10px ; }
.p15 { padding : 15px ; }
.p30 { padding : 30px ; }
.pt5 { padding-top : 5px }
.pt10 { padding-top : 10px }
.pt15 { padding-top : 15px }
.pt20 { padding-top : 20px }
.pt30 { padding-top : 30px }
.pt50 { padding-top : 50px }
.pb5 { padding-bottom : 5px }
.pb10 { padding-bottom : 10px }
.pb15 { padding-bottom : 15px }
.pb20 { padding-bottom : 20px }
.pb30 { padding-bottom : 30px }
.pb50 { padding-bottom : 50px }
.pb100 { padding-bottom : 100px }
.pl5 { padding-left : 5px }
.pl10 { padding-left : 10px }
.pl15 { padding-left : 15px }
.pl20 { padding-left : 20px }
.pl30 { padding-left : 30px }
.pl50 { padding-left : 50px }
.pl100 { padding-left : 100px }
.pr5 { padding-right : 5px }
.pr10 { padding-right : 10px }
.pr15 { padding-right : 15px }
.pr20 { padding-right : 20px }
.pr30 { padding-right : 30px }
.pr50 { padding-right : 50px }
.pr100 { padding-right : 100px }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值