把所阅读的文章背景/主题变成白色

       今天在CSDN找SVD分解的资料,找到了一篇写的很好的文章,但是它的主题是黑色的,是黑色的!作为黑色主题深恶痛绝人士,于是我便想把这篇文章的主题改成白色。

       我们作为读者似乎并没有这个权力(选项)来修改,幸好CSDN是web应用程序,也就是使用浏览器来进行内容的展示,我们虽然不能修改博主设置的主题,但是可以通过修改浏览器中的Web代码来修改主题,从而来把它变成白色主题。

       所使用的Web知识:

      1.通配符选择器“ * ”:选择所有标签,将CSS作用于其中。

      示例:

        * {

                   margin:0;

                   padding:0;

        }

       2.!important:提高样式的优先级为最高

       示例:

       font-style:italic !important;

       3.设置标签的背景和字体

        示例:

         background-color:#fff !important;

         color:#000 !important;

 具体实操流程:

        目标文章:点击跳转

        浏览器:谷歌浏览器

        目标:提高阅读体验

        1.使用ctrl + shift +c 快捷键,然后将鼠标移到紫色区域并点击,选中文章中的元素

 把所阅读的文章背景/主题变成白色_第1张图片

    

       2.修改样式窗口中的CSS:鼠标放到区域中向下滚可以看到body,div标签开头的标签选择器,单击body前的区域,在其前面添加一个*通配符选择器,再单击margin : 0;分号的后面,为其添加background-color:#fff !important; 和color:#000 !important; 分别设置所有标签的背景和字体颜色。

把所阅读的文章背景/主题变成白色_第2张图片

 把所阅读的文章背景/主题变成白色_第3张图片

       我们可以发现只有一部分标签变白了,这是正常的,因为CSDN大量使用了!important,导致我们的!important不能覆盖CSDN设置的样式,这时我们就只有使用ctrl + shift + c来逐个修改背景没有变白和字体没有变黑的标签。

把所阅读的文章背景/主题变成白色_第4张图片

       3.使用ctrl + shift +c 逐个修改背景没有变白和字体没有变黑的标签,直到感觉阅读体验大幅提升为止。

        例如:1)修改正文的段落的字体颜色为黑色:将鼠标移到SVD简介这几个字上,可以看到右下角它的样式已经出现选择器了。

把所阅读的文章背景/主题变成白色_第5张图片

      我们将color中的#b4b4b4修改为#000即可,正文的所有文字就都变成黑色了

把所阅读的文章背景/主题变成白色_第6张图片

       2)修改正文侧边的背景为白色

把所阅读的文章背景/主题变成白色_第7张图片

 把所阅读的文章背景/主题变成白色_第8张图片

      3)修改三连栏的背景为白色 

把所阅读的文章背景/主题变成白色_第9张图片

 把所阅读的文章背景/主题变成白色_第10张图片

        并修改其中的黑色标签为白色

把所阅读的文章背景/主题变成白色_第11张图片

把所阅读的文章背景/主题变成白色_第12张图片

      至此,我认为阅读体验已经大幅度提升了 

把所阅读的文章背景/主题变成白色_第13张图片

       当然,如果你还想进行修改其他的黑色标签成白色的话,可以进行通过ctrl + shift +c 选中元素, 修改样式窗口中选择器内容来完成。

        后注:这个方法应该可以用于大部分Web应用程序文章,在我们浏览器上显示的内容,但是由于我的Web水平所限,如果读者有更好的方法或者可以实现自动化修改,欢迎来进行讨论或者分享你的文章链接。

你可能感兴趣的:(Web,css,css3,html5,html,chrome)