2、页面CSS样式定制篇 - 博客界面改造文章(202203)

博客园的个人博客，最基本的是一个初始的界面的皮肤，这个包含着自己的HTML页面代码和CSS代码，以及博客自己的基础的Javascript代码。

在这次的博客界面改造中，笔者的建议是先把博客界面的默认CSS获取出来，然后对其进行自定义修改，使其能够满足博客界面的要求，同时在修改博客界面的HTML代码基础上，加上自己的CSS样式代码，这样修改完的博客界面才算完整。

一、      查看博客界面的源文件；

在博客页面右键鼠标点源文件，查看到下图的HTML源文件内容：

 

二、      获取博客皮肤的CSS样式文件；

在源文件上点击CSS后缀的文件，在打开的页面上能查看到CSS文件内容。上图中，第一个是默认的CSS样式代码，第二个是自定义的CSS样式代码。

三、      添加自定义的CSS样式代码；

先在记事本里添加自定义的CSS样式表代码，然后放到博客后台的自定义CSS样式表代码框里。

      

       这里在后台添加了自定义CSS代码后，点下面的保存按钮，然后再刷新博客页面，查看定义CSS后的页面效果，直到自定义CSS样式内容满足要求。

 

       上面对这次改造的博客界面的CSS样式表内容进行了介绍，后面会对各个HTML模块的内容进行升级修改。

 　　

　　https://files.cnblogs.com/files/lzhdim/2%E3%80%81%E9%A1%B5%E9%9D%A2%E5%AE%9A%E5%88%B6CSS.css?t=1650180200