一种CSS页面样式编辑方法及系统技术方案

本发明专利技术属于计算机技术领域，具体涉及一种CSS页面样式编辑方法及系统，该方法包括以下步骤：1)采用外部样式使用原子类进行标准声明页面样式中各CSS属性，且原子类名称依据CSS属性和/或属性值设定，得到外部样式模板；2)依据需求实现页面样式功能时，引入外部样式模板，依据原子类名称调用外部样式模板中对应原子类，以实现对应页面样式。由此，本发明专利技术解决现有技术中CSS代码复杂度高和维护成本高的问题。技术中CSS代码复杂度高和维护成本高的问题。技术中CSS代码复杂度高和维护成本高的问题。

【技术实现步骤摘要】
一种CSS页面样式编辑方法及系统


[0001]本专利技术属于计算机
，具体涉及一种CSS页面样式编辑方法及系统。

技术介绍

[0002]层叠样式表(Cascading Style Sheets，CSS)是编写网页时最常用的语言工具。CSS标签是语义化的，属于高定制化，复用性差。HTML需要引入语义化的CSS标签来绘制页面样式，每个页面模块都需要引入固定的CSS语义化标签。
[0003]现有技术中CSS标签的声明方式大多为多重声明，即多个标签对应一组属性或者一个标签同时声明多个属性。CSS多重声明方式的特点是定制化程度高，以满足不同的样式需求。
[0004]对于定制化高的模块是无法复用公共样式的，只能单独声明样式。对于很多需要定制化模块的网站而言，过多的定制化声明样式，势必要增加很多CSS代码行数，代码复杂度高，假如后期需要批量修改页面整体属性时，需要逐个样式修改，操作复杂，比如调整页面的间距，那么需要分别修改每个设定间距的标签，这种类似的操作都属于重复工作，降低工作效率。对于不同的项目，如果想要复用声明的样式，需要依据需求本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种CSS页面样式编辑方法，其特征在于：包括以下步骤：1)采用外部样式使用原子类进行标准声明页面样式中各CSS属性，且原子类名称依据CSS属性和/或属性值设定，得到外部样式模板；2)依据需求实现页面样式功能时，引入外部样式模板，依据原子类名称调用外部样式模板中对应原子类，以实现对应页面样式。2.根据权利要求1所述的CSS页面样式编辑方法，其特征在于：步骤1)中采用CSS预处理器编写得到所述外部样式模板。3.根据权利要求1所述的CSS页面样式编辑方法，其特征在于：步骤1)中对于第一类CSS属性，将属性名作为原子类名称对所述第一类CSS属性进行声明；所述第一类CSS属性包括属性值固定的CSS属性。4.根据权利要求1所述的CSS页面样式编辑方法，其特征在于：步骤1)中对于第二类CSS属性，所述第二类CSS属性包括属性值有多个设定值的CSS属性；依据属性名和设定值确定原子类名称，分别依据各设定值对所述第二类CSS属性进行一一声明。5.根据权利要求2所述的CSS页面样式编辑方法，其特征在于：步骤1)中对于第三类CSS属性，所述第三类CSS属性为没有...

【专利技术属性】
技术研发人员：焦征海，曹振华，刘安东，冉卓，崔明明，陈旭，
申请(专利权)人：新开普电子股份有限公司，
类型：发明
国别省市：