61,112
社区成员
发帖
与我相关
我的任务
分享怎样用 CSS 实现类似电子书护眼模式的那种效果？
就是在主登录页面，有多种配色方案，比如豆沙绿，夜间模式等等之类的。选择颜色之后，
后续的页面都继承这种背景颜色（也方便以后我好修改），不知怎么来实现。
我的 CSS 文件，随便写的
.mycss1
{
background-color: #CCFFFF;
}
.mycss2 {
background-color: #FF00FF;
}
html文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="mycss1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="mycss1">
it is a test
</body>
</div>
</html>
我想实现电子书小说网站那种护眼模式的效果。谢谢了。
后续的页面都继承这种背景颜色（也方便以后我好修改），不知怎么来实现。
我的 CSS 文件，随便写的
.mycss1
{
background-color: #CCFFFF;
}
.mycss2 {
background-color: #FF00FF;
}
html文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="mycss1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="mycss1">
it is a test
</body>
</div>
</html>
我想实现电子书小说网站那种护眼模式的效果。谢谢了。
...全文
请发表友善的回复…
发表回复
潇湘忆梦 2019-07-10
- 打赏
- 举报
你考虑用less不，使用变量设置不同的颜色，例如下面这个文章：https://blog.csdn.net/u013884068/article/details/78186798
lich2005 2019-07-10
- 打赏
- 举报
可能上面没说清楚，主要是比如选择一种颜色，然后怎么让页面怎么记住这个颜色代码（或者 CSS 的类名？），以后的页面都去
引用的这个 CSS 类名，我估计要用类似变量的东西，这方面不是很懂，请教一下了，谢谢。
引用的这个 CSS 类名，我估计要用类似变量的东西，这方面不是很懂，请教一下了，谢谢。
getdate 2019-07-10
- 打赏
- 举报
可以提供两种方式,供你参考(当然可能会有其他更好的实现方式).
1:写入数据库,将被选中后的默认值写入库中,每个页面读取此值并渲染即可.
2:写入缓存,如页面缓存,从缓存中读取被选中的默认值并渲染即可.
