一种更换CSS样式的方法及系统技术方案

本发明专利技术公开了一种更换CSS样式的方法，包括：将CSS样式按照类别进行分类，并写入对应的CSS类别文件中；接收用户的更换CSS样式指令；根据所述更换CSS样式指令从对应的CSS类别文件中确定要更换的CSS样式文件；加载所述CSS样式文件；该方法在系统实现一些更换主题样式或换肤的功能的时候，只用重新加载需要改变的CSS样式文件就可以，不用再重新刷新页面，或加载重复的CSS样式，节省用户流量和服务器带宽，减少不必要的数据下载，提高系统的运行和响应速度，并且页面样式的设置也更加多变和灵活；本发明专利技术公开了一种更换CSS样式的系统。

【技术实现步骤摘要】

本专利技术涉及计算机
，特别涉及一种更换CSS样式的方法及系统。
技术介绍
为了提高用户使用产品时的体验，平时上网时，会看到很多具有换肤功能的网页，如一些导航网站、qq邮箱的切换主题、qq空间切换主题等，甚至到一些客户端软件，操作系统，都具备了切换主题即换肤功能；但是，现有的换肤功能在更换用户关心的内容时，还需要将其他用户不需要切换的内容也同时进行下载，例如该用户想要更新该主题样式的字体，需要将该主题的其他样式以及新的字体样式都进行下载；这样就会造成用户在换肤时需要重新刷新页面，或加载重复的css样式，增加了不必要的数据下载，是系统的运行和响应时间变长。这样的处理模式会浪费用户流量以及服务器带宽，降低用户体验。因此，如何提高页面换肤的灵活性和多变性，提高系统效率，是本领域技术人员需要解决的技术问题。
技术实现思路
本专利技术的目的是提供一种更换CSS样式的方法及系统，更换CSS样式时只用重新加载需要改变的CSS样式文件，不用再重新刷新页面或加载重复的CSS样式，节省用户流量和服务器带宽，减少不必要的数据下载，提高系统的运行和响应速度，并且页面样式的设置也更加多变和灵活。为解决上述技术问题，本专利技术提供一种更换CSS样式的方法，包括：将CSS样式按照类别进行分类，并写入对应的CSS类别文件中；接收用户的更换CSS样式指令；根据所述更换CSS样式指令从对应的CSS类别文件中确定要更换的CSS样式文件；加载所述CSS样式文件。其中，将CSS样式按照类别进行分类，并写入对应的CSS类别文件中，包括：将CSS样式按照类别进行分类，写入对应的CSS类别文件中，并对同一选择器的不同CSS样式进行设置。其中，接收用户的更换CSS样式指令，包括：接收用户更换指令，进入CSS样式页面；接收用户对CSS样式文件的选择指令。其中，还包括：定期对CSS类别文件的类别进行修改；定期对CSS类别文件中的CSS样式文件进行修改。本专利技术还提供一种更换CSS样式的系统，包括：分类模块，用于将CSS样式按照类别进行分类，并写入对应的CSS类别文件中；接收模块，用于接收用户的更换CSS样式指令；加载模块，用于根据所述更换CSS样式指令从对应的CSS类别文件中确定要更换的CSS样式文件；加载所述CSS样式文件。其中，所述分类模块具体为将CSS样式按照类别进行分类，写入对应的CSS类别文件中，并对同一选择器的不同CSS样式进行设置的模块。其中，所述接收模块包括：第一接收单元，用于接收用户更换指令，进入CSS样式页面；第二接收单元，用于接收用户对CSS样式文件的选择指令。其中，还包括：修改模块，用于定期对CSS类别文件的类别进行修改；定期对CSS类别文件中的CSS样式文件进行修改。本专利技术所提供的更换CSS样式的方法，包括：将CSS样式按照类别进行分类，并写入对应的CSS类别文件中；接收用户的更换CSS样式指令；根据所述更换CSS样式指令从对应的CSS类别文件中确定要更换的CSS样式文件；加载所述CSS样式文件；可见，该方法将CSS样式进行分类存储，在系统实现一些更换主题样式或换肤的功能的时候，只用重新加载需要改变的CSS类别对应的CSS样式文件就可以完成对该类别的更换，不用再重新刷新页面，或加载重复的CSS样式，节省用户流量和服务器带宽，减少不必要的数据下载，提高系统的运行和响应速度，并且页面样式的设置也更加多变和灵活；本专利技术还提供了一种更换CSS样式的系统，具有上述有益效果，在此不再赘述。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。图1为本专利技术实施例所提供的更换CSS样式的方法的流程图；图2为本专利技术实施例所提供的更换CSS样式的系统的结构框图。具体实施方式本专利技术的核心是提供一种更换CSS样式的方法及系统，更换CSS样式时只用重新加载需要改变的CSS样式文件，不用再重新刷新页面或加载重复的CSS样式，节省用户流量和服务器带宽，减少不必要的数据下载，提高系统的运行和响应速度，并且页面样式的设置也更加多变和灵活。为使本专利技术实施例的目的、技术方案和优点更加清楚，下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。请参考图1，图1为本专利技术实施例所提供的更换CSS样式的方法的流程图；该方法可以包括：S100、将CSS样式按照类别进行分类，并写入对应的CSS类别文件中；其中，现有技术中每次更换主题或者换肤时必须将整个CSS类型进行整体更换，其页面的各种设置是配套进行的，例如粉色公主系，即字体为甜美的幼圆型，颜色为粉色，背景图为城堡等各个类别进行适应性配合，并最终形成一个粉色公主系的皮肤或者主题；但当用户想变成淡蓝色公主系时，需要在皮肤或主题中查找淡蓝色系的，即字体为甜美的幼圆型，颜色为淡蓝色，背景图为城堡等，然后更换所有的内容；这里就会出现其是字体和背景图都不需要进行更换，这样势必会浪费用户的流量及服务器带宽，增加不必要的数据下载，使系统运行和响应时间变慢；且用户不一定可以找得到只改了颜色的皮肤或主题，降低用户体验。该步骤将CSS样式按类分离设计是对CSS样式进行一定的分类，分类后不同的样式写在不同的CSS文件中。例如可以对字体、颜色、背景图、界面结构等样式进行一些简单的分类，在实现不同样式主题的时候可以在不同的主题下在实现不同的字体、颜色、背景图和界面结构的样式文件。比如：主题A中的样式文件就可以命名为A_font.css、A_color.css、A_bg.css、A_struct.css；主题B中的样式文件就可以命名为B_font.css、B_color.css、B_bg.css、B_struct.css等主题样式文件。分类的规则和种类的划分细节可以根据实际需要进行制定，这里字体、颜色、背景图、界面结构仅为举例，并不对分类内容进行限定。进一步，为了方便用户对每一类中的样式文件进行选择，可选的，将CSS样式按照类别进行分类，写入对应的CSS类别文件中，并对同一选择器的不同CSS样式进行设置。其中，在不同的主题中如有一个选择器title,对于不同主题的_font.css文件只对title这个选择器设置不同的字体，对于不同主题的_color.css文件只对title这个选择器设置不同的颜色，对于不同主题的_bg.css文件只对title这个选择器设置不同的背景图，这样分离出不同的CSS样式。举例描述：首先分A和B两种主题样式，在两种主题样式中有同样的选择器(.title)。A主题样式中想要实现的样式：.title{font-family:Tahoma；color:red；background-color:#00ff00；本文档来自技高网...

【技术保护点】
一种更换CSS样式的方法，其特征在于，包括：将CSS样式按照类别进行分类，并写入对应的CSS类别文件中；接收用户的更换CSS样式指令；根据所述更换CSS样式指令从对应的CSS类别文件中确定要更换的CSS样式文件；加载所述CSS样式文件。

【技术特征摘要】
1.一种更换CSS样式的方法，其特征在于，包括：将CSS样式按照类别进行分类，并写入对应的CSS类别文件中；接收用户的更换CSS样式指令；根据所述更换CSS样式指令从对应的CSS类别文件中确定要更换的CSS样式文件；加载所述CSS样式文件。2.如权利要求1所述的更换CSS样式的方法，其特征在于，将CSS样式按照类别进行分类，并写入对应的CSS类别文件中，包括：将CSS样式按照类别进行分类，写入对应的CSS类别文件中，并对同一选择器的不同CSS样式进行设置。3.如权利要求2所述的更换CSS样式的方法，其特征在于，接收用户的更换CSS样式指令，包括：接收用户更换指令，进入CSS样式页面；接收用户对CSS样式文件的选择指令。4.如权利要求1至3任一项所述的更换CSS样式的方法，其特征在于，还包括：定期对CSS类别文件的类别进行修改；定期对CSS类别文件中的CSS样式文件进行修改。5.一种更换CS...

【专利技术属性】
技术研发人员：杨勇涛，王帅，张俊雷，荆君，
申请(专利权)人：浪潮北京电子信息产业有限公司，
类型：发明
国别省市：北京;11