今天在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水平所限,如果读者有更好的方法或者可以实现自动化修改,欢迎来进行讨论或者分享你的文章链接。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)