CN106484823A - 一种css文件的修改方法、装置及计算机可读介质 - Google Patents
一种css文件的修改方法、装置及计算机可读介质 Download PDFInfo
- Publication number
- CN106484823A CN106484823A CN201610859707.7A CN201610859707A CN106484823A CN 106484823 A CN106484823 A CN 106484823A CN 201610859707 A CN201610859707 A CN 201610859707A CN 106484823 A CN106484823 A CN 106484823A
- Authority
- CN
- China
- Prior art keywords
- css file
- attribute
- css
- sub
- target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供了一种CSS文件的修改方法、装置及计算机可读介质，方法包括：确定网页中所需修改的目标对象对应的当前属性和目的属性；根据对应于所述目标对象的目标CSS文件，确定所述目标对象对应的所述当前属性所调用的目标子CSS文件；确定所述目标子CSS文件的被调用信息；根据所述目标子CSS文件的被调用信息和所述目的属性，对所述目标CSS文件进行修改。本方案，可以利用该目标子CSS文件的被调用信息和目的属性，对目标CSS文件进行修改，从而可以降低修改后对网页展示效果的影响。
Description
技术领域
本发明涉及网络技术领域，特别涉及一种CSS(Cascading Style Sheets，层叠样式表)文件的修改方法、装置及计算机可读介质。
背景技术
CSS是一种计算机标记语言，其在标准网页设计中负责网页内容的表现。相对于传统HTML(超文本标记语言)的表现而言，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文件的被调用信息包括除被所述目标对象的所述当前属性调用以外，还被其他对象的属性调用时，根据所述目标属性创建新的子CSS文件，并删除所述目标对象对所述目标子CSS文件的调用，以及设置所述目标对象调用该新的子CSS文件；
在所述目标子CSS文件的被调用信息包括仅被所述目标对象的所述当前属性调用时，根据所述目标属性对所述目标子CSS文件进行修改。
优选地，进一步包括：
处理单元，用于利用修改后的所述目标CSS文件对网页进行调试，在确定调试成功后，将所述目标CSS文件中使用的制作工具以及对各个属性进行定义的方式进行存储，以利用存储的该制作工具以及对各个属性进行定义的方式生成相应的CSS文件。
一种计算机可读介质，所述计算机可读介质上存储有计算机指令，所述计算机指令在被处理器执行时，使所述处理器执行任一所述的方法。
本发明实施例提供了一种CSS文件的修改方法、装置及计算机可读介质，通过确定目标对象的当前属性所调用的目标子CSS文件，以及确定该目标子CSS文件的被调用信息，从而可以利用该目标子CSS文件的被调用信息和目的属性，对目标CSS文件进行修改，从而可以降低修改后对网页展示效果的影响。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明一个实施例提供的一种方法流程图；
图2是本发明一个实施例提供的另一种方法流程图；
图3是本发明一个实施例提供的一种装置结构示意图；
图4是本发明一个实施例提供的另一种装置结构示意图；
图5是本发明一个实施例提供的又一种装置结构示意图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例，基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。
如图1所示，本发明实施例提供了一种CSS文件的修改方法，该方法可以包括以下步骤：
步骤101：确定网页中所需修改的目标对象对应的当前属性和目的属性；
步骤102：根据对应于所述目标对象的目标CSS文件，确定所述目标对象对应的所述当前属性所调用的目标子CSS文件；
步骤103：确定所述目标子CSS文件的被调用信息；
步骤104：根据所述目标子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文件之后，所有调用方式都正确的情况下，网页展示效果存在问题，可能是由于生成目标CSS文件时使用的制作工具之间的冲突、或者各个属性进行定义的方式之间的冲突、或者使用的制作工具与对属性进行定义的方式之间的冲突造成的，因此，在对目标CSS文件进行修改之后，可以进一步包括：
利用修改后的所述目标CSS文件对网页进行调试，在确定调试成功后，将所述目标CSS文件中使用的制作工具以及对各个属性进行定义的方式进行存储，以利用存储的该制作工具以及对各个属性进行定义的方式生成相应的CSS文件。
根据上述实施例，在后续过程中利用该存储的制作工具以及对各个属性进行定义的方式生成相应CSS文件时，可以降低在利用该相应CSS文件进行网页效果展示时的影响，提高CSS文件的生成成功率。
下面以某公司制作网页为例，对本发明实施例提供的CSS文件的修改方法进行进一步说明。
如图2所示，本发明实施例提供了一种CSS文件的修改方法，该方法可以包括以下步骤：
步骤201：确定该公司对所制作的网页的需求。
其中，该需求可以包括：网页中包括的各个对象，每一个对象对应的属性。例如，该公司对网页的需求包括如下几个对象：对象1、对象2、……、对象50，每一个对象对应的属性可以包括：对象1-属性A，对象2-属性A，对象3-属性B、……、对象50-属性D。
步骤202：根据公司对所制作网页的需求，确定所需使用的制作工具。
在本实施例中，可以使用如下制作工具：
1、CSS3Maker：这款工具非常强大，可在线演示渐变、阴影、旋转、动画等非常多的效果，并生成对应效果的代码，
2、CSS3Generator：非常不错的各种CSS3代码生成器，支持圆角、渐变、旋转和阴影等众多特性，带预览效果。
3、CSS3Please：一款CSS3工具，可即时在线修改代码并预览效果，还有详细的浏览器兼容情况。
步骤203：确定制作该网页时对各个属性进行定义的方式。
在本实施例中，除常用的CSS样式表中的定义方式，还可以使用如下对属性进行定义的方式：
1、用户界面。
Resize：可以由用户自己调整div的大小，有horizontal(水平)vertical(垂直)或者both(同时)，或者同时调整。如果再加上max-width或min-width的话还可以防止破坏布局。
2、选择器。
新层叠样式增加了更多的新层叠样式选择器，可以实现更简单但是更强大的功能，比如:nth-child()等。
Attribute selectors:在属性中可以加入通配符，包括^,$,*
[att^＝val]:表示开始字符是val的att属性
[att$＝val]:表示结束字符是val的att属性
[att*＝val]:表示包含至少有一个val的att属性
media queries:媒体选择，可以为网页中不同的对象设置不同的浏览设备。比如可以为某一块分别设置屏幕浏览样式和手机浏览样式，以前则只能设置整个网页
multi-column layout:多列布局，让文字以多列显示，包括column-width、column-count、column-gap三个值。
3、新层叠样式圆角表格。
border-radius:该属性允许为元素添加圆角边框。
4、文字特效。
font-effect：加文字特效，加阴影效果。
5、下划线。
下划线的属性可以包括：直线、波浪线、点线、虚线等，可以对下划线的颜色和位置进行任意改变。对应属性为：text-underline-style，text-underline-color，text-underline-mode，text-underline-position。
6、文字下面的重点符号。
对应属性：font-emphasize-style和font-emphasize-position。
7、其他效果。
border-color:控制边框颜色，可产生渐变效果
border-image:控制边框图像
border-corner-image:控制边框边角的图像
border-radius:能产生类似圆角矩形的效果
background-origin:决定了背景在盒模型中的初始位置，提供了3个值，分别为：border,padding和content。其中，border:控制背景起始于左上角的边框；padding:控制背景起始于左上角的留白；content:控制背景起始于左上角的内容。
background-clip:决定边框是否覆盖住背景(默认是不覆盖)，提供了两个值，分别为：border和padding；其中，border:会覆盖住背景；padding:不会覆盖背景。
background-size:可以指定背景大小，以象素或百分比显示。当指定为百分比时，大小由所在区域的宽度、高度，以及background-origin的位置决定。
multiple backgrounds:多重背景图像，可以把不同背景图像放到一个块元素里。
text-shadow:文字投影，可能是因为MAC OSX的Safari浏览器开始支持投影才特意增加的。
text-overflow:当文字溢出时，用“…”提示。包括ellipsis、clip、ellipsis-word、inherit，前两个新层叠样式就有了，还是部分支持，IE6可以支持。ellipsis-word可以省略掉最后一个单词，对中文意义不大，inherit可以继承父级元素。
HSL colors:除了支持RGB颜色外，还支持HSL(色相、饱和度、亮度)。以前一般都是作图的时候用HSL色谱，但这样一来会包括更多的颜色。H用度表示，S和L用百分比表示，比如hsl(0,100％,50％)
HSLA colors:加了个不透明度(Apacity)，用0到1之间的数来表示，比如hsla(0,100％,50％,0.2)
opacity:直接控制不透明度，用0到1之间的数来表示
RGBA colors:浏览器的透明度，在设置颜色时可以使用标准的rgba()单位，例如rgba(255,0,0,0.4)，如此可以出现一个红色同时拥有alpha透明为0.4的颜色。其中，firefox3.0、safari3.2、opera10均支持rgba单位。
transform:变形，rotate|scale|skew|translate|matrix；其中，旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。
Transition：转换，其主要包含四个属性值，分别为：执行变换的属性：transition-property；变换延续的时间：transition-duration；在延续时间段，变换的速率变化transition-timing-function；变换延迟时间transition-delay。
步骤204：根据确定的制作工具、对属性定义的形式和对网页的需求，生成目标CSS文件，并在生成目标CSS文件时，记录目标CSS文件中每一个子CSS文件的被调用信息。
其中，生成的目标CSS文件用于实现网页的展示，以及实现公司对网页的需求。
为了后续过程中对目标CSS文件的修改，能够快速获知到子CSS文件的被调用信息，可以在该生成目标CSS文件的过程中，将每一个子CSS文件的被调用信息记录下来。其中，该被调用信息包括：调用该子CSS文件的各个对象信息。
步骤205：根据目标CSS文件，对制作出的网页进行调试，在调试成功时，执行步骤211；在调试失败时，执行步骤206。
其中，若调试成功，则表明网页可以正常展示，且展示效果与公司对其需求相匹配，否则，则表明调试失败。
步骤206：确定网页中所需修改的目标对象对应的当前属性和目的属性。
例如，该目标对象为网页中的一个公司标题展示模块；该当前属性包括：文字显示方式为字号四号，字体宋体；该目的属性包括：文字显示方式为字号二号，字体楷体。
根据该当前属性和目的属性可以知，在调试过程确定出在网页的显示效果中，公司需要将公司标题展示模块对应的文字显示方式进行修改。
步骤207：根据对应于所述目标对象的目标CSS文件，确定所述目标对象对应的所述当前属性所调用的子CSS文件A。
步骤208：根据针对目标CSS文件记录的信息，确定子CSS文件A的被调用信息，在子CSS文件A的被调用信息包括除被所述目标对象的所述当前属性调用以外，还被其他对象的属性调用时，执行步骤209；在所述目标子CSS文件的被调用信息包括仅被所述目标对象的所述当前属性调用时，执行步骤210。
步骤209：根据所述目标属性创建新的子CSS文件A1，并删除目标对象对子CSS文件A的调用，以及设置目标对象调用该新的子CSS文件A1，执行步骤211。
例如，子CSS文件A同时被公司标题展示模块和新闻展示模块调用，因此，若直接修改该目标子CSS文件，那么不仅公司标题展示模块对应的文字显示方式发生了变化，而新闻展示模块的文字显示方式也发生了变化，因此，该方式下不能直接进行修改，可以在目标CSS文件中查找其他用于实现该文字显示方式的子CSS文件，也可以删除该目标对象对该目标子CSS文件的调用，可以重新建立新的子CSS文件，以使该重新建立的新的CSS文件能够满足目标对应的目的属性。本实施例中使用后一种方式进行修改。
步骤210：根据所述目标属性对子CSS文件A进行修改，并执行步骤211。
步骤211：利用修改后的所述目标CSS文件对网页进行调试，在确定调试成功后，将所述目标CSS文件中使用的制作工具以及对各个属性进行定义的方式进行存储。
可能存在在生成目标CSS文件之后，所有调用方式都正确的情况下，网页展示效果存在问题，可能是由于生成目标CSS文件时使用的制作工具之间的冲突、或者各个属性进行定义的方式之间的冲突、或者使用的制作工具与对属性进行定义的方式之间的冲突造成的，在后续过程中利用该存储的制作工具以及对各个属性进行定义的方式生成相应CSS文件时，可以降低在利用该相应CSS文件进行网页效果展示时的影响，提高CSS文件的生成成功率。
请参考图3，本发明一个实施例提供了一种CSS文件的修改装置，包括：
第一确定单元301，用于确定网页中所需修改的目标对象对应的当前属性和目的属性；
第二确定单元302，用于根据对应于所述目标对象的目标CSS文件，确定所述目标对象对应的所述当前属性所调用的目标子CSS文件；
第三确定单元303，用于确定所述目标子CSS文件的被调用信息；
修改单元304，用于根据所述目标子CSS文件的被调用信息和所述目的属性，对所述目标CSS文件进行修改。
在本发明一个实施例中，请参考图4，该CSS文件的修改装置可以进一步包括：
记录单元401，用于在构建所述目标CSS文件时，记录所述目标CSS文件中每一个子CSS文件的被调用信息；所述被调用信息包括：调用该子CSS文件的各个对象信息；
所述第三确定单元303，具体用于：在记录的信息中查找所述目标子CSS文件的被调用信息；
或，
所述第三确定单元303，具体用于：遍历网页中每一个对象的每一个属性所调用的子CSS文件，并统计调用所述目标子CSS文件的各个对象对应的属性。
在本发明一个实施例中，所述修改单元304，具体用于：
在所述目标子CSS文件的被调用信息包括除被所述目标对象的所述当前属性调用以外，还被其他对象的属性调用时，根据所述目标属性创建新的子CSS文件，并删除所述目标对象对所述目标子CSS文件的调用，以及设置所述目标对象调用该新的子CSS文件；
在所述目标子CSS文件的被调用信息包括仅被所述目标对象的所述当前属性调用时，根据所述目标属性对所述目标子CSS文件进行修改。
在本发明一个实施例中，请参考图5，该CSS文件的修改装置可以进一步包括：
处理单元501，用于利用修改后的所述目标CSS文件对网页进行调试，在确定调试成功后，将所述目标CSS文件中使用的制作工具以及对各个属性进行定义的方式进行存储，以利用存储的该制作工具以及对各个属性进行定义的方式生成相应的CSS文件。
本发明还提供了一种计算机可读介质，存储用于使一机器执行如本文所述的程序代码的审核方法的指令。具体地，可以提供配有存储介质的系统或者装置，在该存储介质上存储着实现上述实施例中任一实施例的功能的软件程序代码，且使该系统或者装置的计算机(或CPU或MPU)读出并执行存储在存储介质中的程序代码。
在这种情况下，从存储介质读取的程序代码本身可实现上述实施例中任何一项实施例的功能，因此程序代码和存储程序代码的存储介质构成了本发明的一部分。
用于提供程序代码的存储介质实施例包括软盘、硬盘、磁光盘、光盘(如CD-ROM、CD-R、CD-RW、DVD-ROM、DVD-RAM、DVD-RW、DVD+RW)、磁带、非易失性存储卡和ROM。可选择地，可以由通信网络从服务器计算机上下载程序代码。
此外，应该清楚的是，不仅可以通过执行计算机所读出的程序代码，而且可以通过基于程序代码的指令使计算机上操作的操作系统等来完成部分或者全部的实际操作，从而实现上述实施例中任意一项实施例的功能。
此外，可以理解的是，将由存储介质读出的程序代码写到插入计算机内的扩展板中所设置的存储器中或者写到与计算机相连接的扩展单元中设置的存储器中，随后基于程序代码的指令使安装在扩展板或者扩展单元上的CPU等来执行部分和全部实际操作，从而实现上述实施例中任一实施例的功能。
综上，本发明各个实施例至少可以具有如下有益效果：
1、在本发明实施例中，通过确定目标对象的当前属性所调用的目标子CSS文件，以及确定该目标子CSS文件的被调用信息，从而可以利用该目标子CSS文件的被调用信息和目的属性，对目标CSS文件进行修改，从而可以降低修改后对网页展示效果的影响。
2、在本发明实施例中，由于在生成网页对应的目标CSS文件时，用户在对网页中各个对象的属性进行子CSS文件的调用时，每调用一个子CSS文件，将该子CSS文件被调用信息进行记录，通过少量的工作量，在需要确定目标子CSS文件的被调用信息时，可以在整体上降低工作量，且可以提高被调用信息的确定效率。
3、在本发明实施例中，在后续过程中利用该存储的制作工具以及对各个属性进行定义的方式生成相应CSS文件时，可以降低在利用该相应CSS文件进行网页效果展示时的影响，提高CSS文件的生成成功率。
上述装置内的各单元之间的信息交互、执行过程等内容，由于与本发明方法实施例基于同一构思，具体内容可参见本发明方法实施例中的叙述，此处不再赘述。
需要说明的是，在本文中，诸如第一和第二之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个······”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同因素。
本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储在计算机可读取的存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质中。
最后需要说明的是：以上所述仅为本发明的较佳实施例，仅用于说明本发明的技术方案，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所做的任何修改、等同替换、改进等，均包含在本发明的保护范围内。
Claims (10)
1.一种CSS文件的修改方法，其特征在于，包括：
确定网页中所需修改的目标对象对应的当前属性和目的属性；
根据对应于所述目标对象的目标CSS文件，确定所述目标对象对应的所述当前属性所调用的目标子CSS文件；
确定所述目标子CSS文件的被调用信息；
根据所述目标子CSS文件的被调用信息和所述目的属性，对所述目标CSS文件进行修改。
2.根据权利要求1所述的方法，其特征在于，
进一步包括：在构建所述目标CSS文件时，记录所述目标CSS文件中每一个子CSS文件的被调用信息；所述被调用信息包括：调用该子CSS文件的各个对象信息；
所述确定所述目标子CSS文件的被调用信息，包括：在记录的信息中查找所述目标子CSS文件的被调用信息。
3.根据权利要求1所述的方法，其特征在于，
所述确定所述目标子CSS文件的被调用信息，包括：遍历网页中每一个对象的每一个属性所调用的子CSS文件，并统计调用所述目标子CSS文件的各个对象对应的属性。
4.根据权利要求1所述的方法，其特征在于，所述对所述目标CSS文件进行修改，包括：
在所述目标子CSS文件的被调用信息包括除被所述目标对象的所述当前属性调用以外，还被其他对象的属性调用时，根据所述目标属性创建新的子CSS文件，并删除所述目标对象对所述目标子CSS文件的调用，以及设置所述目标对象调用该新的子CSS文件；
在所述目标子CSS文件的被调用信息包括仅被所述目标对象的所述当前属性调用时，根据所述目标属性对所述目标子CSS文件进行修改。
5.根据权利要求1-4中任一所述的方法，其特征在于，在所述对所述目标CSS文件进行修改之后，进一步包括：
利用修改后的所述目标CSS文件对网页进行调试，在确定调试成功后，将所述目标CSS文件中使用的制作工具以及对各个属性进行定义的方式进行存储，以利用存储的该制作工具以及对各个属性进行定义的方式生成相应的CSS文件。
6.一种CSS文件的修改装置，其特征在于，包括：
第一确定单元，用于确定网页中所需修改的目标对象对应的当前属性和目的属性；
第二确定单元，用于根据对应于所述目标对象的目标CSS文件，确定所述目标对象对应的所述当前属性所调用的目标子CSS文件；
第三确定单元，用于确定所述目标子CSS文件的被调用信息；
修改单元，用于根据所述目标子CSS文件的被调用信息和所述目的属性，对所述目标CSS文件进行修改。
7.根据权利要求6所述的CSS文件的修改装置，其特征在于，
进一步包括：记录单元，用于在构建所述目标CSS文件时，记录所述目标CSS文件中每一个子CSS文件的被调用信息；所述被调用信息包括：调用该子CSS文件的各个对象信息；
所述第三确定单元，具体用于：在记录的信息中查找所述目标子CSS文件的被调用信息；
或，
所述第三确定单元，具体用于：遍历网页中每一个对象的每一个属性所调用的子CSS文件，并统计调用所述目标子CSS文件的各个对象对应的属性。
8.根据权利要求6所述的CSS文件的修改装置，其特征在于，所述修改单元，具体用于：
在所述目标子CSS文件的被调用信息包括除被所述目标对象的所述当前属性调用以外，还被其他对象的属性调用时，根据所述目标属性创建新的子CSS文件，并删除所述目标对象对所述目标子CSS文件的调用，以及设置所述目标对象调用该新的子CSS文件；
在所述目标子CSS文件的被调用信息包括仅被所述目标对象的所述当前属性调用时，根据所述目标属性对所述目标子CSS文件进行修改。
9.根据权利要求6-8中任一所述的CSS文件的修改装置，其特征在于，进一步包括：
处理单元，用于利用修改后的所述目标CSS文件对网页进行调试，在确定调试成功后，将所述目标CSS文件中使用的制作工具以及对各个属性进行定义的方式进行存储，以利用存储的该制作工具以及对各个属性进行定义的方式生成相应的CSS文件。
10.一种计算机可读介质，其特征在于，所述计算机可读介质上存储有计算机指令，所述计算机指令在被处理器执行时，使所述处理器执行权利要求1至5中任一所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610859707.7A CN106484823A (zh) | 2016-09-28 | 2016-09-28 | 一种css文件的修改方法、装置及计算机可读介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610859707.7A CN106484823A (zh) | 2016-09-28 | 2016-09-28 | 一种css文件的修改方法、装置及计算机可读介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106484823A true CN106484823A (zh) | 2017-03-08 |
Family
ID=58268137
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610859707.7A Pending CN106484823A (zh) | 2016-09-28 | 2016-09-28 | 一种css文件的修改方法、装置及计算机可读介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106484823A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110727482A (zh) * | 2018-07-16 | 2020-01-24 | 阿里巴巴集团控股有限公司 | 一种界面的更新方法和装置 |
| CN111147908A (zh) * | 2020-04-02 | 2020-05-12 | 成都掌中全景信息技术有限公司 | 一种基于html5视频动态帧率回放的音视频精准同步方法 |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102880547A (zh) * | 2012-09-05 | 2013-01-16 | 无锡江南计算技术研究所 | 一种软件单元与部件与相结合的源代码变更影响分析与测试方法 |
| US20130111324A1 (en) * | 2011-10-28 | 2013-05-02 | Microsoft Corporation | Theming Engine |
| CN103258056A (zh) * | 2013-05-31 | 2013-08-21 | 北京奇虎科技有限公司 | 处理风格样式表的方法、服务器、客户端和系统 |
| CN103678317A (zh) * | 2012-08-31 | 2014-03-26 | 百度在线网络技术（北京）有限公司 | 网页布局的自动适配方法与系统 |
| CN103955361A (zh) * | 2014-03-28 | 2014-07-30 | 世纪禾光科技发展（北京）有限公司 | 一种web前端代码自动化编译构建的模块化开发和发布系统 |
| CN104731815A (zh) * | 2013-12-23 | 2015-06-24 | 腾讯科技（深圳）有限公司 | 一种网页元素的绘制方法及装置 |
| CN104991866A (zh) * | 2015-07-30 | 2015-10-21 | 新华瑞德（北京）网络科技有限公司 | Js程序的调试方法及装置 |
-
2016
- 2016-09-28 CN CN201610859707.7A patent/CN106484823A/zh active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130111324A1 (en) * | 2011-10-28 | 2013-05-02 | Microsoft Corporation | Theming Engine |
| CN103678317A (zh) * | 2012-08-31 | 2014-03-26 | 百度在线网络技术（北京）有限公司 | 网页布局的自动适配方法与系统 |
| CN102880547A (zh) * | 2012-09-05 | 2013-01-16 | 无锡江南计算技术研究所 | 一种软件单元与部件与相结合的源代码变更影响分析与测试方法 |
| CN103258056A (zh) * | 2013-05-31 | 2013-08-21 | 北京奇虎科技有限公司 | 处理风格样式表的方法、服务器、客户端和系统 |
| CN104731815A (zh) * | 2013-12-23 | 2015-06-24 | 腾讯科技（深圳）有限公司 | 一种网页元素的绘制方法及装置 |
| CN103955361A (zh) * | 2014-03-28 | 2014-07-30 | 世纪禾光科技发展（北京）有限公司 | 一种web前端代码自动化编译构建的模块化开发和发布系统 |
| CN104991866A (zh) * | 2015-07-30 | 2015-10-21 | 新华瑞德（北京）网络科技有限公司 | Js程序的调试方法及装置 |
Non-Patent Citations (2)
| Title |
|---|
| 于威威: "《电子商务网站实现技术教程》", 31 January 2012, 于威威 * |
| 黄景碧 等: "《多媒体技术与应用》", 31 October 2013, 清华大学出版社 * |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110727482A (zh) * | 2018-07-16 | 2020-01-24 | 阿里巴巴集团控股有限公司 | 一种界面的更新方法和装置 |
| CN110727482B (zh) * | 2018-07-16 | 2023-05-12 | 阿里巴巴集团控股有限公司 | 一种界面的更新方法和装置 |
| CN111147908A (zh) * | 2020-04-02 | 2020-05-12 | 成都掌中全景信息技术有限公司 | 一种基于html5视频动态帧率回放的音视频精准同步方法 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105373567B (zh) | 页面生成方法及客户端 | |
| US6941521B2 (en) | Method for dynamically generating a user interface from XML-based documents | |
| CN102193953B (zh) | 桌面应用迁移系统和方法 | |
| US9286390B2 (en) | Presentation of rich search results in delineated areas | |
| Stark | Building iPhone apps with HTML, CSS, and JavaScript: Making app store apps without Objective-C or Cocoa | |
| CN109815435A (zh) | 一种网站页面生成方法、装置及电子设备 | |
| US20140215306A1 (en) | In-Context Editing of Output Presentations via Automatic Pattern Detection | |
| US7581173B1 (en) | Methods and apparatuses for formatting web pages | |
| CN106484823A (zh) | 一种css文件的修改方法、装置及计算机可读介质 | |
| US20090119577A1 (en) | Method and Arrangement in a Display System | |
| KR102087274B1 (ko) | 개체를 렌더링하는 웹 전자 문서 편집 장치 및 이의 동작 방법 | |
| US8140957B2 (en) | Technique for controlling screen display | |
| JP2009176231A (ja) | クライアント装置およびクライアント制御プログラム | |
| KR101809460B1 (ko) | 웹 문서 편집툴에서 지원하는 스타일 속성에 따라 웹 문서에 대한 외부 콘텐츠의 붙여넣기 처리가 가능한 클라이언트 단말 장치 및 그 동작 방법 | |
| Grannell | The essential guide to CSS and HTML web design | |
| JP2013101609A (ja) | クライアント装置およびクライアント制御プログラム | |
| Wyke-Smith | Stylin'with CSS: a designer's guide | |
| KR102087247B1 (ko) | 드로잉 개체를 렌더링하는 웹 전자 문서 편집 장치 및 이의 동작 방법 | |
| CN107291429A (zh) | 网页生成方法和装置 | |
| Teague | CSS3: Visual QuickStart Guide | |
| JPH09305598A (ja) | 文書レイアウト編集装置、文書レイアウト編集方法、記憶媒体 | |
| CN103390010B (zh) | 一种浏览器页面的显示方法及系统 | |
| Clark | Responsive web design in practice | |
| Budd et al. | Web standards creativity: Innovations in Web design with XHTML, CSS, and DOM scripting | |
| JP5589396B2 (ja) | レイアウト支援装置、レイアウト支援方法、プログラム |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170308 |
|
| RJ01 | Rejection of invention patent application after publication |