zhangdocs 1.1.3 → 1.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.bin/zhangdocs.js +1 -1
- package/README.md +28 -57
- package/index.html +152 -0
- package/lib/build.js +13 -2
- package/lib/toc.js +20 -2
- package/md/README.md +40 -0
- package/package.json +46 -40
- package/static/css/_partial/head_nav.styl/head_nav.styl +239 -0
- package/static/css/_partial/highlight.styl/highlight.styl +103 -0
- package/static/css/_partial/markdown.styl/markdown.styl +121 -0
- package/static/css/_partial/reset.styl/reset.styl +101 -0
- package/static/css/_partial/variables.styl/variables.styl +10 -0
- package/static/css/main.css +1 -0
- package/static/css/main.styl/main.styl +156 -0
- package/static/img/forkgithub.png/forkgithub.png +0 -0
- package/theme/handbook/footer.ejs +58 -58
- package/theme/handbook/gitignore +22 -22
- package/theme/handbook/head.ejs +57 -57
- package/theme/handbook/header.ejs +5 -5
- package/theme/handbook/layout.ejs +109 -108
- package/theme/handbook/source/css/_partial/highlight.styl +103 -103
- package/theme/handbook/source/css/_partial/markdown.styl +122 -122
- package/theme/handbook/source/css/_partial/reset.styl +100 -100
- package/theme/handbook/source/css/_partial/variables.styl +9 -9
|
@@ -1,103 +1,103 @@
|
|
|
1
|
-
/*
|
|
2
|
-
github.com style (c) Vasily Polovnyov <vast@whiteants.net>
|
|
3
|
-
*/
|
|
4
|
-
.hljs
|
|
5
|
-
display: block
|
|
6
|
-
overflow-x: auto
|
|
7
|
-
padding: 0.5em
|
|
8
|
-
color: #333
|
|
9
|
-
background: #f8f8f8
|
|
10
|
-
-webkit-text-size-adjust: none
|
|
11
|
-
|
|
12
|
-
.hljs-comment,
|
|
13
|
-
.diff .hljs-header
|
|
14
|
-
color: #969896
|
|
15
|
-
font-size: 90%
|
|
16
|
-
|
|
17
|
-
.hljs-keyword,
|
|
18
|
-
.css .rule .hljs-keyword,
|
|
19
|
-
.hljs-winutils,
|
|
20
|
-
.nginx .hljs-title,
|
|
21
|
-
.hljs-subst,
|
|
22
|
-
.hljs-request,
|
|
23
|
-
.hljs-status
|
|
24
|
-
color: #a71d5d
|
|
25
|
-
font-weight: bold
|
|
26
|
-
|
|
27
|
-
.hljs-number,
|
|
28
|
-
.hljs-hexcolor,
|
|
29
|
-
.ruby .hljs-constant
|
|
30
|
-
color: #008080
|
|
31
|
-
|
|
32
|
-
.hljs-string,
|
|
33
|
-
.hljs-tag .hljs-value,
|
|
34
|
-
.hljs-doctag,
|
|
35
|
-
.tex .hljs-formula
|
|
36
|
-
color: #183691
|
|
37
|
-
|
|
38
|
-
.hljs-title,
|
|
39
|
-
.hljs-id,
|
|
40
|
-
.scss .hljs-preprocessor
|
|
41
|
-
color: #900
|
|
42
|
-
font-weight: bold
|
|
43
|
-
|
|
44
|
-
.hljs-list .hljs-keyword,
|
|
45
|
-
.hljs-subst
|
|
46
|
-
font-weight: normal
|
|
47
|
-
|
|
48
|
-
.hljs-class .hljs-title,
|
|
49
|
-
.hljs-type,
|
|
50
|
-
.vhdl .hljs-literal,
|
|
51
|
-
.tex .hljs-command
|
|
52
|
-
color: #458
|
|
53
|
-
font-weight: bold
|
|
54
|
-
|
|
55
|
-
.hljs-tag,
|
|
56
|
-
.hljs-tag .hljs-title,
|
|
57
|
-
.hljs-rule .hljs-property,
|
|
58
|
-
.django .hljs-tag .hljs-keyword
|
|
59
|
-
color: #000080
|
|
60
|
-
font-weight: normal
|
|
61
|
-
|
|
62
|
-
.hljs-attribute,
|
|
63
|
-
.hljs-variable,
|
|
64
|
-
.lisp .hljs-body,
|
|
65
|
-
.hljs-name
|
|
66
|
-
color: #008080
|
|
67
|
-
|
|
68
|
-
.hljs-regexp
|
|
69
|
-
color: #009926
|
|
70
|
-
|
|
71
|
-
.hljs-symbol,
|
|
72
|
-
.ruby .hljs-symbol .hljs-string,
|
|
73
|
-
.lisp .hljs-keyword,
|
|
74
|
-
.clojure .hljs-keyword,
|
|
75
|
-
.scheme .hljs-keyword,
|
|
76
|
-
.tex .hljs-special,
|
|
77
|
-
.hljs-prompt
|
|
78
|
-
color: #990073
|
|
79
|
-
|
|
80
|
-
.hljs-built_in
|
|
81
|
-
color: #0086b3
|
|
82
|
-
|
|
83
|
-
.hljs-preprocessor,
|
|
84
|
-
.hljs-pragma,
|
|
85
|
-
.hljs-pi,
|
|
86
|
-
.hljs-doctype,
|
|
87
|
-
.hljs-shebang,
|
|
88
|
-
.hljs-cdata
|
|
89
|
-
color: #999
|
|
90
|
-
font-weight: bold
|
|
91
|
-
|
|
92
|
-
.hljs-deletion
|
|
93
|
-
background: #fdd
|
|
94
|
-
|
|
95
|
-
.hljs-addition
|
|
96
|
-
background: #dfd
|
|
97
|
-
|
|
98
|
-
.diff .hljs-change
|
|
99
|
-
background: #0086b3
|
|
100
|
-
|
|
101
|
-
.hljs-chunk
|
|
102
|
-
color: #aaa
|
|
103
|
-
|
|
1
|
+
/*
|
|
2
|
+
github.com style (c) Vasily Polovnyov <vast@whiteants.net>
|
|
3
|
+
*/
|
|
4
|
+
.hljs
|
|
5
|
+
display: block
|
|
6
|
+
overflow-x: auto
|
|
7
|
+
padding: 0.5em
|
|
8
|
+
color: #333
|
|
9
|
+
background: #f8f8f8
|
|
10
|
+
-webkit-text-size-adjust: none
|
|
11
|
+
|
|
12
|
+
.hljs-comment,
|
|
13
|
+
.diff .hljs-header
|
|
14
|
+
color: #969896
|
|
15
|
+
font-size: 90%
|
|
16
|
+
|
|
17
|
+
.hljs-keyword,
|
|
18
|
+
.css .rule .hljs-keyword,
|
|
19
|
+
.hljs-winutils,
|
|
20
|
+
.nginx .hljs-title,
|
|
21
|
+
.hljs-subst,
|
|
22
|
+
.hljs-request,
|
|
23
|
+
.hljs-status
|
|
24
|
+
color: #a71d5d
|
|
25
|
+
font-weight: bold
|
|
26
|
+
|
|
27
|
+
.hljs-number,
|
|
28
|
+
.hljs-hexcolor,
|
|
29
|
+
.ruby .hljs-constant
|
|
30
|
+
color: #008080
|
|
31
|
+
|
|
32
|
+
.hljs-string,
|
|
33
|
+
.hljs-tag .hljs-value,
|
|
34
|
+
.hljs-doctag,
|
|
35
|
+
.tex .hljs-formula
|
|
36
|
+
color: #183691
|
|
37
|
+
|
|
38
|
+
.hljs-title,
|
|
39
|
+
.hljs-id,
|
|
40
|
+
.scss .hljs-preprocessor
|
|
41
|
+
color: #900
|
|
42
|
+
font-weight: bold
|
|
43
|
+
|
|
44
|
+
.hljs-list .hljs-keyword,
|
|
45
|
+
.hljs-subst
|
|
46
|
+
font-weight: normal
|
|
47
|
+
|
|
48
|
+
.hljs-class .hljs-title,
|
|
49
|
+
.hljs-type,
|
|
50
|
+
.vhdl .hljs-literal,
|
|
51
|
+
.tex .hljs-command
|
|
52
|
+
color: #458
|
|
53
|
+
font-weight: bold
|
|
54
|
+
|
|
55
|
+
.hljs-tag,
|
|
56
|
+
.hljs-tag .hljs-title,
|
|
57
|
+
.hljs-rule .hljs-property,
|
|
58
|
+
.django .hljs-tag .hljs-keyword
|
|
59
|
+
color: #000080
|
|
60
|
+
font-weight: normal
|
|
61
|
+
|
|
62
|
+
.hljs-attribute,
|
|
63
|
+
.hljs-variable,
|
|
64
|
+
.lisp .hljs-body,
|
|
65
|
+
.hljs-name
|
|
66
|
+
color: #008080
|
|
67
|
+
|
|
68
|
+
.hljs-regexp
|
|
69
|
+
color: #009926
|
|
70
|
+
|
|
71
|
+
.hljs-symbol,
|
|
72
|
+
.ruby .hljs-symbol .hljs-string,
|
|
73
|
+
.lisp .hljs-keyword,
|
|
74
|
+
.clojure .hljs-keyword,
|
|
75
|
+
.scheme .hljs-keyword,
|
|
76
|
+
.tex .hljs-special,
|
|
77
|
+
.hljs-prompt
|
|
78
|
+
color: #990073
|
|
79
|
+
|
|
80
|
+
.hljs-built_in
|
|
81
|
+
color: #0086b3
|
|
82
|
+
|
|
83
|
+
.hljs-preprocessor,
|
|
84
|
+
.hljs-pragma,
|
|
85
|
+
.hljs-pi,
|
|
86
|
+
.hljs-doctype,
|
|
87
|
+
.hljs-shebang,
|
|
88
|
+
.hljs-cdata
|
|
89
|
+
color: #999
|
|
90
|
+
font-weight: bold
|
|
91
|
+
|
|
92
|
+
.hljs-deletion
|
|
93
|
+
background: #fdd
|
|
94
|
+
|
|
95
|
+
.hljs-addition
|
|
96
|
+
background: #dfd
|
|
97
|
+
|
|
98
|
+
.diff .hljs-change
|
|
99
|
+
background: #0086b3
|
|
100
|
+
|
|
101
|
+
.hljs-chunk
|
|
102
|
+
color: #aaa
|
|
103
|
+
|
|
@@ -1,123 +1,123 @@
|
|
|
1
|
-
.markdown-body
|
|
2
|
-
padding: 30px 35px 30px 35px
|
|
3
|
-
word-wrap: break-word
|
|
4
|
-
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif
|
|
5
|
-
font-size: 16px
|
|
6
|
-
line-height: 1.4em
|
|
7
|
-
color:#333
|
|
8
|
-
@media mq-mobile
|
|
9
|
-
padding: 30px 10px 30px 10px
|
|
10
|
-
&>*:first-child
|
|
11
|
-
margin-top: 0 !important
|
|
12
|
-
strong
|
|
13
|
-
font-weight: bold
|
|
14
|
-
hr
|
|
15
|
-
border-top: 1px solid #CACACA
|
|
16
|
-
border-width: 1px 0 0 0
|
|
17
|
-
em
|
|
18
|
-
font-style:italic
|
|
19
|
-
img
|
|
20
|
-
max-width 100%
|
|
21
|
-
h1,h2,h3,h4,h5,h6
|
|
22
|
-
position: relative
|
|
23
|
-
margin-top: 1em
|
|
24
|
-
margin-bottom: 16px
|
|
25
|
-
font-weight: bold
|
|
26
|
-
line-height: 1.4
|
|
27
|
-
a
|
|
28
|
-
display:none
|
|
29
|
-
&:hover a
|
|
30
|
-
display:inline
|
|
31
|
-
color:#000
|
|
32
|
-
font-size:85%
|
|
33
|
-
h1,h2
|
|
34
|
-
border-bottom: 1px solid #eee
|
|
35
|
-
h1
|
|
36
|
-
font-size: 2.25em
|
|
37
|
-
line-height: 1.2
|
|
38
|
-
padding-bottom: 0.3em
|
|
39
|
-
h2
|
|
40
|
-
padding-bottom: 0.3em
|
|
41
|
-
font-size: 1.75em
|
|
42
|
-
line-height: 1.225
|
|
43
|
-
border-bottom:1px dashed #DEDEDE
|
|
44
|
-
blockquote
|
|
45
|
-
padding: 0 15px
|
|
46
|
-
color: #777
|
|
47
|
-
border-left: 4px solid #ddd
|
|
48
|
-
margin: 0;
|
|
49
|
-
&>:last-child
|
|
50
|
-
margin-bottom: 0
|
|
51
|
-
&>:first-child
|
|
52
|
-
margin-top: 0
|
|
53
|
-
p,blockquote,ul,ol,dl,table,pre
|
|
54
|
-
margin-top: 0;
|
|
55
|
-
margin-bottom: 16px
|
|
56
|
-
ul,ol
|
|
57
|
-
padding-left: 1.4em
|
|
58
|
-
list-style:initial
|
|
59
|
-
ol
|
|
60
|
-
list-style-type: decimal
|
|
61
|
-
ol ol, ul ol
|
|
62
|
-
list-style-type: lower-roman;
|
|
63
|
-
ul ul ol, ul ol ol, ol ul ol, ol ol ol
|
|
64
|
-
list-style-type: lower-alpha;
|
|
65
|
-
pre
|
|
66
|
-
padding: 16px
|
|
67
|
-
overflow: auto
|
|
68
|
-
background-color: #E5E5E5
|
|
69
|
-
border-radius: 3px
|
|
70
|
-
word-break: break-all
|
|
71
|
-
word-wrap: break-word
|
|
72
|
-
font: 16px Consolas, "Liberation Mono", Menlo, Courier, monospace
|
|
73
|
-
white-space: pre-wrap // 添加这一行
|
|
74
|
-
code
|
|
75
|
-
background-color: transparent
|
|
76
|
-
color: inherit
|
|
77
|
-
line-height: 1.5 // 调整行高
|
|
78
|
-
display: block
|
|
79
|
-
font-size: 14px
|
|
80
|
-
white-space: pre-wrap // 添加这一行
|
|
81
|
-
|
|
82
|
-
code,tt
|
|
83
|
-
padding: 0
|
|
84
|
-
padding-bottom: 2px
|
|
85
|
-
margin: 0 3px
|
|
86
|
-
vertical-align: top
|
|
87
|
-
background-color: #EDEDF7
|
|
88
|
-
border-radius: 4px
|
|
89
|
-
padding-left: 3px
|
|
90
|
-
padding-right: 3px
|
|
91
|
-
font-size: 14px
|
|
92
|
-
color: #6F5990
|
|
93
|
-
white-space: pre-wrap // 添加这一行
|
|
94
|
-
word-break: break-all // 添加这一行
|
|
95
|
-
word-wrap: break-word // 添加这一行
|
|
96
|
-
|
|
97
|
-
code:before,code:after,tt:before,tt:after
|
|
98
|
-
content: "\00a0"
|
|
99
|
-
vertical-align: text-top
|
|
100
|
-
table
|
|
101
|
-
width: 100%
|
|
102
|
-
border-collapse: collapse
|
|
103
|
-
border-spacing: 0
|
|
104
|
-
max-width: 100%
|
|
105
|
-
display: block
|
|
106
|
-
background-color: transparent
|
|
107
|
-
th,td
|
|
108
|
-
border: 1px solid #ddd
|
|
109
|
-
padding: 4px 10px
|
|
110
|
-
th
|
|
111
|
-
font-weight: bold
|
|
112
|
-
background: #F3F3F3
|
|
113
|
-
tr:nth-child(2n)
|
|
114
|
-
background-color: #f8f8f8
|
|
115
|
-
tbody
|
|
116
|
-
background:#fff
|
|
117
|
-
|
|
118
|
-
// markdown 增强样式
|
|
119
|
-
.markdown-body
|
|
120
|
-
.task-list-item
|
|
121
|
-
padding: 0;
|
|
122
|
-
li
|
|
1
|
+
.markdown-body
|
|
2
|
+
padding: 30px 35px 30px 35px
|
|
3
|
+
word-wrap: break-word
|
|
4
|
+
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif
|
|
5
|
+
font-size: 16px
|
|
6
|
+
line-height: 1.4em
|
|
7
|
+
color:#333
|
|
8
|
+
@media mq-mobile
|
|
9
|
+
padding: 30px 10px 30px 10px
|
|
10
|
+
&>*:first-child
|
|
11
|
+
margin-top: 0 !important
|
|
12
|
+
strong
|
|
13
|
+
font-weight: bold
|
|
14
|
+
hr
|
|
15
|
+
border-top: 1px solid #CACACA
|
|
16
|
+
border-width: 1px 0 0 0
|
|
17
|
+
em
|
|
18
|
+
font-style:italic
|
|
19
|
+
img
|
|
20
|
+
max-width 100%
|
|
21
|
+
h1,h2,h3,h4,h5,h6
|
|
22
|
+
position: relative
|
|
23
|
+
margin-top: 1em
|
|
24
|
+
margin-bottom: 16px
|
|
25
|
+
font-weight: bold
|
|
26
|
+
line-height: 1.4
|
|
27
|
+
a
|
|
28
|
+
display:none
|
|
29
|
+
&:hover a
|
|
30
|
+
display:inline
|
|
31
|
+
color:#000
|
|
32
|
+
font-size:85%
|
|
33
|
+
h1,h2
|
|
34
|
+
border-bottom: 1px solid #eee
|
|
35
|
+
h1
|
|
36
|
+
font-size: 2.25em
|
|
37
|
+
line-height: 1.2
|
|
38
|
+
padding-bottom: 0.3em
|
|
39
|
+
h2
|
|
40
|
+
padding-bottom: 0.3em
|
|
41
|
+
font-size: 1.75em
|
|
42
|
+
line-height: 1.225
|
|
43
|
+
border-bottom:1px dashed #DEDEDE
|
|
44
|
+
blockquote
|
|
45
|
+
padding: 0 15px
|
|
46
|
+
color: #777
|
|
47
|
+
border-left: 4px solid #ddd
|
|
48
|
+
margin: 0;
|
|
49
|
+
&>:last-child
|
|
50
|
+
margin-bottom: 0
|
|
51
|
+
&>:first-child
|
|
52
|
+
margin-top: 0
|
|
53
|
+
p,blockquote,ul,ol,dl,table,pre
|
|
54
|
+
margin-top: 0;
|
|
55
|
+
margin-bottom: 16px
|
|
56
|
+
ul,ol
|
|
57
|
+
padding-left: 1.4em
|
|
58
|
+
list-style:initial
|
|
59
|
+
ol
|
|
60
|
+
list-style-type: decimal
|
|
61
|
+
ol ol, ul ol
|
|
62
|
+
list-style-type: lower-roman;
|
|
63
|
+
ul ul ol, ul ol ol, ol ul ol, ol ol ol
|
|
64
|
+
list-style-type: lower-alpha;
|
|
65
|
+
pre
|
|
66
|
+
padding: 16px
|
|
67
|
+
overflow: auto
|
|
68
|
+
background-color: #E5E5E5
|
|
69
|
+
border-radius: 3px
|
|
70
|
+
word-break: break-all
|
|
71
|
+
word-wrap: break-word
|
|
72
|
+
font: 16px Consolas, "Liberation Mono", Menlo, Courier, monospace
|
|
73
|
+
white-space: pre-wrap // 添加这一行
|
|
74
|
+
code
|
|
75
|
+
background-color: transparent
|
|
76
|
+
color: inherit
|
|
77
|
+
line-height: 1.5 // 调整行高
|
|
78
|
+
display: block
|
|
79
|
+
font-size: 14px
|
|
80
|
+
white-space: pre-wrap // 添加这一行
|
|
81
|
+
|
|
82
|
+
code,tt
|
|
83
|
+
padding: 0
|
|
84
|
+
padding-bottom: 2px
|
|
85
|
+
margin: 0 3px
|
|
86
|
+
vertical-align: top
|
|
87
|
+
background-color: #EDEDF7
|
|
88
|
+
border-radius: 4px
|
|
89
|
+
padding-left: 3px
|
|
90
|
+
padding-right: 3px
|
|
91
|
+
font-size: 14px
|
|
92
|
+
color: #6F5990
|
|
93
|
+
white-space: pre-wrap // 添加这一行
|
|
94
|
+
word-break: break-all // 添加这一行
|
|
95
|
+
word-wrap: break-word // 添加这一行
|
|
96
|
+
|
|
97
|
+
code:before,code:after,tt:before,tt:after
|
|
98
|
+
content: "\00a0"
|
|
99
|
+
vertical-align: text-top
|
|
100
|
+
table
|
|
101
|
+
width: 100%
|
|
102
|
+
border-collapse: collapse
|
|
103
|
+
border-spacing: 0
|
|
104
|
+
max-width: 100%
|
|
105
|
+
display: block
|
|
106
|
+
background-color: transparent
|
|
107
|
+
th,td
|
|
108
|
+
border: 1px solid #ddd
|
|
109
|
+
padding: 4px 10px
|
|
110
|
+
th
|
|
111
|
+
font-weight: bold
|
|
112
|
+
background: #F3F3F3
|
|
113
|
+
tr:nth-child(2n)
|
|
114
|
+
background-color: #f8f8f8
|
|
115
|
+
tbody
|
|
116
|
+
background:#fff
|
|
117
|
+
|
|
118
|
+
// markdown 增强样式
|
|
119
|
+
.markdown-body
|
|
120
|
+
.task-list-item
|
|
121
|
+
padding: 0;
|
|
122
|
+
li
|
|
123
123
|
list-style-type: none
|
|
@@ -1,101 +1,101 @@
|
|
|
1
|
-
// Reset
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
//在HTML标签在浏览器里有默认的样式，例如 p 标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给我们带来麻烦，影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉，更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉！这就是CSS reset。
|
|
5
|
-
|
|
6
|
-
// global-reset()
|
|
7
|
-
// nested-reset()
|
|
8
|
-
// reset-font()
|
|
9
|
-
// reset-box-model()
|
|
10
|
-
// reset-body()
|
|
11
|
-
// reset-table()
|
|
12
|
-
// reset-table-cell()
|
|
13
|
-
// reset-html5()
|
|
14
|
-
|
|
15
|
-
// http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
|
|
16
|
-
// http://yuilibrary.com/yui/docs/cssreset/
|
|
17
|
-
// http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css
|
|
18
|
-
// http://cssreset.com/
|
|
19
|
-
|
|
20
|
-
global-reset()
|
|
21
|
-
html, body, div, span, applet, object, iframe,
|
|
22
|
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
23
|
-
a, abbr, acronym, address, big, cite, code,
|
|
24
|
-
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
25
|
-
small, strike, strong, sub, sup, tt, var,
|
|
26
|
-
dl, dt, dd, ol, ul, li,
|
|
27
|
-
fieldset, form, label, legend,
|
|
28
|
-
table, caption, tbody, tfoot, thead, tr, th, td
|
|
29
|
-
reset-box-model()
|
|
30
|
-
reset-font()
|
|
31
|
-
body
|
|
32
|
-
reset-body()
|
|
33
|
-
ol, ul
|
|
34
|
-
list-style: none
|
|
35
|
-
table
|
|
36
|
-
reset-table()
|
|
37
|
-
caption, th, td
|
|
38
|
-
reset-table-cell()
|
|
39
|
-
a
|
|
40
|
-
text-decoration:inherit
|
|
41
|
-
&:hover
|
|
42
|
-
text-decoration:underline
|
|
43
|
-
a img
|
|
44
|
-
border: none
|
|
45
|
-
*
|
|
46
|
-
box-sizing: border-box;
|
|
47
|
-
|
|
48
|
-
nested-reset()
|
|
49
|
-
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
|
|
50
|
-
pre, a, abbr, acronym, address, code, del, dfn, em, img,
|
|
51
|
-
dl, dt, dd, ol, ul, li, fieldset, form, label,
|
|
52
|
-
legend, caption, tbody, tfoot, thead, tr
|
|
53
|
-
reset-box-model()
|
|
54
|
-
reset-font()
|
|
55
|
-
table
|
|
56
|
-
reset-table()
|
|
57
|
-
caption, th, td
|
|
58
|
-
reset-table-cell()
|
|
59
|
-
a img
|
|
60
|
-
border: none
|
|
61
|
-
|
|
62
|
-
reset-box-model()
|
|
63
|
-
margin: 0
|
|
64
|
-
padding: 0
|
|
65
|
-
border: 0
|
|
66
|
-
outline: 0
|
|
67
|
-
|
|
68
|
-
reset-font()
|
|
69
|
-
font-weight: inherit
|
|
70
|
-
font-style: inherit
|
|
71
|
-
font-family: inherit
|
|
72
|
-
font-size: 100%
|
|
73
|
-
vertical-align: baseline
|
|
74
|
-
|
|
75
|
-
reset-body()
|
|
76
|
-
line-height: 1
|
|
77
|
-
color: black
|
|
78
|
-
background: white
|
|
79
|
-
|
|
80
|
-
reset-table()
|
|
81
|
-
border-collapse: separate
|
|
82
|
-
border-spacing: 0
|
|
83
|
-
vertical-align: middle
|
|
84
|
-
|
|
85
|
-
reset-table-cell()
|
|
86
|
-
text-align: left
|
|
87
|
-
font-weight: normal
|
|
88
|
-
vertical-align: middle
|
|
89
|
-
|
|
90
|
-
reset-html5()
|
|
91
|
-
article, aside, canvas, details, figcaption,
|
|
92
|
-
figure, footer, header, hgroup, menu, nav,
|
|
93
|
-
section, summary, main
|
|
94
|
-
reset-box-model()
|
|
95
|
-
display: block
|
|
96
|
-
audio, canvas, video
|
|
97
|
-
display inline-block
|
|
98
|
-
*display inline
|
|
99
|
-
*zoom 1
|
|
100
|
-
audio:not([controls]),[hidden]
|
|
1
|
+
// Reset
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
//在HTML标签在浏览器里有默认的样式，例如 p 标签有上下边距，strong标签有字体加粗样式，em标签有字体倾斜样式。不同浏览器的默认样式之间也会有差别，例如ul默认带有缩进的样式，在IE下，它的缩进是通过margin实现的，而Firefox下，它的缩进是由padding实现的。在切换页面的时候，浏览器的默认样式往往会给我们带来麻烦，影响开发效率。所以解决的方法就是一开始就将浏览器的默认样式全部去掉，更准确说就是通过重新定义标签样式。“覆盖”浏览器的CSS默认属性。最最简单的说法就是把浏览器提供的默认样式覆盖掉！这就是CSS reset。
|
|
5
|
+
|
|
6
|
+
// global-reset()
|
|
7
|
+
// nested-reset()
|
|
8
|
+
// reset-font()
|
|
9
|
+
// reset-box-model()
|
|
10
|
+
// reset-body()
|
|
11
|
+
// reset-table()
|
|
12
|
+
// reset-table-cell()
|
|
13
|
+
// reset-html5()
|
|
14
|
+
|
|
15
|
+
// http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
|
|
16
|
+
// http://yuilibrary.com/yui/docs/cssreset/
|
|
17
|
+
// http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css
|
|
18
|
+
// http://cssreset.com/
|
|
19
|
+
|
|
20
|
+
global-reset()
|
|
21
|
+
html, body, div, span, applet, object, iframe,
|
|
22
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
23
|
+
a, abbr, acronym, address, big, cite, code,
|
|
24
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
25
|
+
small, strike, strong, sub, sup, tt, var,
|
|
26
|
+
dl, dt, dd, ol, ul, li,
|
|
27
|
+
fieldset, form, label, legend,
|
|
28
|
+
table, caption, tbody, tfoot, thead, tr, th, td
|
|
29
|
+
reset-box-model()
|
|
30
|
+
reset-font()
|
|
31
|
+
body
|
|
32
|
+
reset-body()
|
|
33
|
+
ol, ul
|
|
34
|
+
list-style: none
|
|
35
|
+
table
|
|
36
|
+
reset-table()
|
|
37
|
+
caption, th, td
|
|
38
|
+
reset-table-cell()
|
|
39
|
+
a
|
|
40
|
+
text-decoration:inherit
|
|
41
|
+
&:hover
|
|
42
|
+
text-decoration:underline
|
|
43
|
+
a img
|
|
44
|
+
border: none
|
|
45
|
+
*
|
|
46
|
+
box-sizing: border-box;
|
|
47
|
+
|
|
48
|
+
nested-reset()
|
|
49
|
+
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
|
|
50
|
+
pre, a, abbr, acronym, address, code, del, dfn, em, img,
|
|
51
|
+
dl, dt, dd, ol, ul, li, fieldset, form, label,
|
|
52
|
+
legend, caption, tbody, tfoot, thead, tr
|
|
53
|
+
reset-box-model()
|
|
54
|
+
reset-font()
|
|
55
|
+
table
|
|
56
|
+
reset-table()
|
|
57
|
+
caption, th, td
|
|
58
|
+
reset-table-cell()
|
|
59
|
+
a img
|
|
60
|
+
border: none
|
|
61
|
+
|
|
62
|
+
reset-box-model()
|
|
63
|
+
margin: 0
|
|
64
|
+
padding: 0
|
|
65
|
+
border: 0
|
|
66
|
+
outline: 0
|
|
67
|
+
|
|
68
|
+
reset-font()
|
|
69
|
+
font-weight: inherit
|
|
70
|
+
font-style: inherit
|
|
71
|
+
font-family: inherit
|
|
72
|
+
font-size: 100%
|
|
73
|
+
vertical-align: baseline
|
|
74
|
+
|
|
75
|
+
reset-body()
|
|
76
|
+
line-height: 1
|
|
77
|
+
color: black
|
|
78
|
+
background: white
|
|
79
|
+
|
|
80
|
+
reset-table()
|
|
81
|
+
border-collapse: separate
|
|
82
|
+
border-spacing: 0
|
|
83
|
+
vertical-align: middle
|
|
84
|
+
|
|
85
|
+
reset-table-cell()
|
|
86
|
+
text-align: left
|
|
87
|
+
font-weight: normal
|
|
88
|
+
vertical-align: middle
|
|
89
|
+
|
|
90
|
+
reset-html5()
|
|
91
|
+
article, aside, canvas, details, figcaption,
|
|
92
|
+
figure, footer, header, hgroup, menu, nav,
|
|
93
|
+
section, summary, main
|
|
94
|
+
reset-box-model()
|
|
95
|
+
display: block
|
|
96
|
+
audio, canvas, video
|
|
97
|
+
display inline-block
|
|
98
|
+
*display inline
|
|
99
|
+
*zoom 1
|
|
100
|
+
audio:not([controls]),[hidden]
|
|
101
101
|
display none
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
// Media queries
|
|
2
|
-
mq-mobile = "screen and (max-width: 479px)"
|
|
3
|
-
mq-tablet = "screen and (min-width: 480px) and (max-width: 1170px)"
|
|
4
|
-
// mq-iPhones4 = "only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)"
|
|
5
|
-
// mq-normal = "screen and (min-width: 768px)"
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
tocwidth = 200px
|
|
1
|
+
// Media queries
|
|
2
|
+
mq-mobile = "screen and (max-width: 479px)"
|
|
3
|
+
mq-tablet = "screen and (min-width: 480px) and (max-width: 1170px)"
|
|
4
|
+
// mq-iPhones4 = "only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)"
|
|
5
|
+
// mq-normal = "screen and (min-width: 768px)"
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
tocwidth = 200px
|