博客园定制页面(二)——博客主题/主页设置(CSS)

本文介绍博客园主题选择与CSS定制方法。先在个人博客园设置页面选主题,在页面定制CSS代码处输入定制内容,不勾选“禁用模板默认CSS”。写测试博客,用chrome浏览器按F12调试,找到对应标签CSS名称修改后填入定制窗口。

1、博客园主题选择

 

在个人博客园设置页面选择自己喜欢的主题。例如我的博客园的主题:

 

cnblogs001

 

2、主题相关CSS设置

参考了很多的博客园设置。个人总结以下:

  1. 在选择主题下面的页面定制CSS代码,输入自己定制的CSS
  2. 定制CSS代码下面”禁用模板默认CSS“,不不要勾选。因为个人定制CSS是基于自己选择的主题再定制的。每个主题对应的CSS的选择的标签名称是不同的。
  3. 在个人的博客园主页。先写两篇测试博客。要有文章名称和常用的一级、二级、标题。
  4. 用chrome浏览器浏览,然后按F12,调试界面选择自己需要定制的对象,然后看到对应标签的CSS的名称。然后再定制修改,把修改的CSS填写入第一步定制CSS代码窗口。

 

3、chrome浏览器发现对应标签的CSS名称样例

 

下图是chrome浏览器按F12后的操作过程:

image

 

4、参考及致谢

调试过程确实查了很多博客的设置资料。这里真的有些忘记了。就不一一致谢啦,对于参考的没有提及的十分抱歉。

转载于:https://www.cnblogs.com/mehome/p/10549007.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值