【JavaScript+CSS+tampermonkey】动态加载样式——还你一个干净无广告的CSDN博客

知识能不能改变命运我不清楚，但知识可以屏蔽CSDN广告！

1. 简洁版CSDN

打开浏览器控制台（Chrome是按F12），在Console里粘贴下面代码回车，然后关闭控制台就行了，当然，刷新会失效，你需要重新执行代码。

var style = document.createElement("style");
style.type = "text/css";
var text = document.createTextNode(".recommend-item-box, .recommend-right, #dmp_ad_58, aside{display: none!important;} main{width: 100%!important;");
style.appendChild(text);
var head = document.getElementsByTagName("head")[0];
head.appendChild(style);

使用前，两侧边栏被无关信息和广告充斥，无法专心阅读博客。

使用后，祛除了两侧边栏，放宽了博客主内容，还您一个干净的博客空间。

谁用谁知道，用过的都说好~！！！

2. 知识讲解

比较忙的同学已经可以走了。下面说说里面涉及的知识。

2.1 网页如何加载样式

有两种方式：

1. 加载外部样式文件。

<link rel="stylesheet" type="text/css" href="xxx.css">