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

       今天在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 快捷键,然后将鼠标移到紫色区域并点击,选中文章中的元素

 

    

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

 

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

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

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

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

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

 

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

 

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

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

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

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

  • 10
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值