- 行高、字符间距设置
参考雅黑字体下WordPress 行高与字符间距最佳实践：1.8em与0.06em，修改style.css如下
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
| #main {
clear: both;
overflow: hidden;
padding: 20px 0 0 0; <!--段间距，分别是上、右、下、左间距-->
}
#content {
margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
color: #333;
font-size: 16px;
line-height: 1.8em; <!--行间距，设置为字体的1.8倍-->
letter-spacing: 0.06em; <!--字符间距，设置为字体的0.06倍-->
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
margin-bottom: 20px;
}
}
|
- 引用块格式设置
参考：WordPress默认主题Twenty Ten的blockquote引用样式修改，修改引用的样式如下：
1
2
3
4
5
6
7
8
9
| blockquote {
background:#f9f9f9;
border-left:10px solid #ccc;
margin:1.5em 10px;
padding:.5em 10px;
width: 90%;
font: 微软雅黑, Georgia;
color: #888;
}
|
- 设置选中文字后的背景色
参考：WordPress中设置被选中文字颜色及背景色，修改引用样式如下：
1
2
3
4
5
6
7
8
9
| ::-moz-selection {
background-color: #822e30; <!--使用酒红色-->
color: #fff;
}
::selection {
background-color: #822e30;
color: #fff;
}
|
附：
- 修改文章页面的背景颜色
修改文章页面的背景颜色，代码如下：
#wrapper {
background: #f9f9f5; <!--作业部落编辑器的颜色，RGB的值分别是249,249,245-->
margin-top: 20px;
padding: 0 20px;
}
注：使用作业部落编辑器的背景颜色，调出qq截图之后，可以看出背景颜色的RGB值，然后生成颜色代码即可；
5. 修改侧边栏以及副标题文字颜色
修改侧边栏以及副标题的颜色以及字体
body,
input,
textarea {
color: #000000; <!--使用黑色字体-->
font-size: 14px;
line-height: 180%;
}
6. 参考文献