作者：大美女雪梨醒目 | 来源：互联网 | 2023-07-13 07:33
在修改设置使公告栏里的头像更新为新的头像时发现里边还有“页面定制CSS代码”这一选项，查了一下发现这东西可以对页面做一些个性化的调整。正好目前我使用的这个模板标题和导航栏的字体实在难看，顺手修改了一下。因为我之前是对CSS这方面完全不了解，所以只能连蒙带猜。首先，这CSS代码估计就是设置一下某些参数的值，应该跟.ini之类的文件形式比较类似。看了一下别人写的一些简单的
在修改设置使公告栏里的头像更新为新的头像时发现里边还有“页面定制CSS代码”这一选项，查了一下发现这东西可以对页面做一些个性化的调整。正好目前我使用的这个模板标题和导航栏的字体实在难看，顺手修改了一下。
因为我之前是对CSS这方面完全不了解，所以只能连蒙带猜。首先，这CSS代码估计就是设置一下某些参数的值，应该跟.ini之类的文件形式比较类似。看了一下别人写的一些简单的代码，大概了解了一下格式，跟预想的差不多。接下来是要找到模板本身自己的CSS代码，不然我怎么知道要修改谁呢？一开始我是直接从浏览器里查看网页源代码，结果打开的东西完全摸不着头脑，就放弃了这种尝试，转而使用另一种形式，名字叫不上来，就是360浏览器按下F12之后出来的那个东西。大致翻了翻，找到这样一个东西，看它行文的风格估计就是模板的设置了：
因为我要修改的是字体，肯定是在这里面搜索font family，找到了几处，挨个试了试就知道谁对应的谁了。然后按自己的喜好写好，复制到定制框里就好了。
我是这么写的：
![]()
.likecs_code pre {
font-family: Courier New!important;
font-size: 16px!important;
word-wrap: break-word;
white-space: pre-wrap;
}
.likecs_code span {
font-family: Courier New!important;
font-size: 16px!important;
line-height: 1.5!important;
}
body {
color: #000;
background: #eee;
font-family: Microsoft YaHei!important;
font-size: 10pt;
min-height: 101%;
}
#header h1 {
font-weight: normal;
font-size: 30px;
line-height: 1;
}
#header h1 a {
font-family: "Microsoft YaHei";
}
#header h1 a:hover {
color: #F60;
text-decoration: none;
}
#blogTitle h2 {
font-weight: normal;
font-size: 18px;
color: #000000;
line-height: 1.5em;
margin-top: 10px;
margin-left: 30px;
width: 50%;
margin-left: 10em;
float: left;
}
View Code
京公网安备 11010802041100号