之前也有很多人写过这个话题的博客了，但是我觉得大家都千篇一律——贴上一堆CSS的代码，对于新手来说，可能直接拷贝过去CSS代码,能改变下博客的样式，但是知其然不知其所以然，想要自己修改样式，仍然无从下手。
本篇就通过博客布局、CSS基本的方法、JQuery的使用、调试技巧、响应式布局扩展 等几个方面讲述下修改博客样式的经验。
博客布局
博客园的前端结构很规整，因此基本上所有的博客都是一样的。大致可以如下面的Html结构所示：
1 默认的样式文件
2 默认的JS文件，如Jquery
3 自定义的样式
4 自定义的JS文件
这是导航
这是主题部分
通过上面的伪代码，我们大概就就知道了，我们自定义的CSS可以覆盖默认的CSS；html中的页首代码可以使用已经加载的JS文件——Jquery。
大致的结构如下图所示：
按照这种方式，继续研究前端的代码，就可以发现下面这些明显的部分：
导航的结构是这样的：
正文部分是这样的：
在博客园中【页面定制CSS代码】可以设置自定义的样式，【页首Html代码】中可以放入