基于css的改变页面主题的方法、装置、电子设备和计算机可读介质制造方法及图纸

本发明专利技术提供一种基于css的改变页面主题的方法，包括：根据用户对页面主题样式的设置而生成与用户设置的样式对应的数据串，并将该数据串保存于数据库中；调取该数据库中的与该用户设置的样式对应的数据串，并根据该数据串生成样式参数插入到html标签上的style属性内；以及css样式文件中的var()函数接收html标签中根据该数据串生成的样式参数，从而对页面主题样式进行改变。根据本发明专利技术，在用户需要改变主题时仅需要修改现有的css变量，因此对浏览器来说只涉及到重绘，而不会大面积重构页面，负担较小。同时，由于将用户对主题样式的设置录入到数据库中，因此可以进行统计区分，了解用户的偏好。

【技术实现步骤摘要】
基于css的改变页面主题的方法、装置、电子设备和计算机可读介质
本专利技术涉及计算机领域，更具体而言涉及一种改变页面主题的方法、装置、电子设备和计算机可读介质。
技术介绍
随着互联网技术的发展，用户在上网时的自由度越来越高。为了提高用户的使用体验，一些网站和软件具有切换页面主题的功能，即通常所说的换肤功能。在现有的改变页面主题的方法中，通常是提前准备多个css样式文件，该多个css样式文件分别与多个主题对应，通过加载这些css样式文件能够分别实现不同的页面主题。在用户打开页面时，可让用户根据自己的喜好对主题进行选择，然后根据用户的选择来加载不同的css文件，从而实现用户想要的主题样式。为了提高系统效率，现有技术中提出了一种更换主题样式的方法，其将css样式按照类别进行分类，并写入对应的css类别文件中。当用户想要更改页面主题的一部分样式时，例如当用户想要改变页面文字的大小时，只需要重新加载与文字大小对应的css样式文件即可，不需要加载除文字样式以外的css样式文件。
技术实现思路
专利技术欲解决的技术本文档来自技高网...

【技术保护点】
1.一种基于css的改变页面主题的方法，其特征在于，包括：/n根据用户对页面主题样式的设置而生成与用户设置的样式对应的数据串，并将所述数据串保存于数据库中；/n调取所述数据库中的与该用户设置的样式对应的所述数据串，并根据该数据串生成样式参数插入到html标签上的style属性内；以及/ncss样式文件中的var()函数接收html标签中根据所述数据串生成的样式参数，从而对所述页面主题样式进行改变。/n

【技术特征摘要】
1.一种基于css的改变页面主题的方法，其特征在于，包括：
根据用户对页面主题样式的设置而生成与用户设置的样式对应的数据串，并将所述数据串保存于数据库中；
调取所述数据库中的与该用户设置的样式对应的所述数据串，并根据该数据串生成样式参数插入到html标签上的style属性内；以及
css样式文件中的var()函数接收html标签中根据所述数据串生成的样式参数，从而对所述页面主题样式进行改变。


2.如权利要求1所述的方法，其特征在于，其中，
所述css样式文件中通过:root伪类定义有页面主题样式的默认参数，在打开页面时，加载所述css样式文件从而显示默认主题样式。


3.如权利要求1或2所述的方法，其特征在于，其中，
所述样式包括颜色、文字大小、行高、段落间距、阴影和垂直填充中的至少一种。


4.如权利要求1～3中任一项所述的方法，其特征在于，其中，
所述数据库中储存与多个用户设置的页面主题样式对应的数据串，所述数据串除包含与用户设置的页面主题样式对应的信息外，还包含用户的标识信息。


5.如权利要求4所述的方法，其特征在于，其中，
当用户打开页面时，所述页面自动识别用户的身份，并根据所述数据串中的所述用户的标识信息与数据库中的数据串进行匹配，当匹配成功时，调取匹配成功的数据串，生成样式参数插入到html标签的style属性内。


6.如权利要求1～5中任一项所述的方法，其特征在于，还包括：
向用户显示设置面板，供用户对页面中的主题的样式进行设置，
在设置面板中设置有多个预设主题选项，该多个预设主题选项分别与预先储存在数据库中的多个数据串对应，通过选择...

【专利技术属性】
技术研发人员：王闯，
申请(专利权)人：北京一亩田新农网络科技有限公司，
类型：发明
国别省市：北京;11