博客园设置默认字体大小

一般咱们插入代码后，博客园的网页模板就会提供默认的样式进行显示，那么若是咱们想要代码变大些该怎么办呢？幸亏博客园在博客设置中提供了自定义的css设置，让咱们能够最大限度的设定博客风格。

1、寻找样式名称

若是你仅仅但愿知道如何修改，那么能够调过本节，直接进入修改一节。

要修改代码样式就必须找到本来的样式，进入到一篇文章中，在chrome中点F12，而后经过点击元素就界面，慢慢找到代码段。须要注意的是这里面的代码都进行了折叠，你须要根据位置来展开。

能够看见咱们已经选择到了代码段的部分，而后咱们从右边的syle界面就能够看到样式了，这里咱们想要定义的是代码的字体大小，因此我找到了以下的两个样式：

.cnblogs_code pre {
font-family: Courier New!important;
font-size: 12px!important;
word-wrap: break-word;
white-space: pre-wrap;
}

.cnblogs_code span {
font-family: Courier New!important;
font-size: 12px!important;
line-height: 1.5!important;
}

这两个样式中font-size的大小都是12px，咱们一下就知道该修改什么了。

 

2、自定义样式

经过上面的分析，我如今把默认的样式进行了修改，仅仅把原来12px变为了18px。

.cnblogs_code pre {
font-family: Courier New!important;
font-size: 18px!important;
word-wrap: break-word;
white-space: pre-wrap;
}

.cnblogs_code span {
font-family: Courier New!important;
font-size: 18px!important;
line-height: 1.5!important;
}

而后进入博客设置，添加自定义css样式。最后保存便可！

 

 

我本身的style：

.cnblogs_code pre {
font-family: Courier New!important;
font-size: 17px!important;
word-wrap: break-word;
white-space: pre-wrap;
}

.cnblogs_code span {
font-family: Courier New!important;
font-size: 17px!important;
line-height: 1.5!important;
}

#home {
margin: 0 auto;
width: 1330px;
}

#main {
min-width: 1330px;
text-align: left;
clear: both;
background: #fff;
}

#mainContent {
min-height: 200px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
float: left;
width: 1100px;
background: #fff;
}

#sideBar {
min-height: 200px;
padding: 0 5px 0 5px;
margin-left: 700px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
_margin-left: 0;
_width: 300px;
padding-bottom: 20px;
}

.dayTitle {
color: #666;
font-weight: bold;
line-height: 1.5em;
font-size: 150%;
margin-top: 3px;
margin-bottom: 10px;
float: right;
position: relative;
top: 40px;
}

.postTitle {
font-size: 18px;
font-weight: bold;
padding: 0 100px 10px 20px;
border-bottom: 1px solid #e0e0e0;
line-height: 1.5em;
clear: both;
border-left: 5px solid #1fa6e6;
}

#blogTitle h1 {
font-size: 200%;
font-weight: bold;
line-height: 1.5em;
margin-left: 1em;
margin-top: 10px;
width: 50%;
float: left;
display: inline;
letter-spacing: 1px;
}

#topics .postTitle {
font-size: 150%;
font-weight: bold;
border-bottom: 1px solid #999;
line-height: 1.5em;
padding-left: 5px;
}

 

参考自：

http://www.ziliao1.com/Article/Show/208C8919144E8EC355BAE1FD395AE362.html

分类: ★Install | Error | Setting

好文要顶 关注我 收藏该文

developer_Kale
关注 - 0
粉丝 - 154

+加关注

3

0

« 上一篇： 经过Gson解析Json数据
» 下一篇： 详细解读LruCache类