本發(fā)明涉及網(wǎng)絡(luò)技術(shù)領(lǐng)域，特別涉及一種CSS(Cascading Style Sheets，層疊樣式表)文件的修改方法、裝置及計(jì)算機(jī)可讀介質(zhì)。

背景技術(shù)：

CSS是一種計(jì)算機(jī)標(biāo)記語(yǔ)言，其在標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)中負(fù)責(zé)網(wǎng)頁(yè)內(nèi)容的表現(xiàn)。相對(duì)于傳統(tǒng)HTML(超文本標(biāo)記語(yǔ)言)的表現(xiàn)而言，CSS能夠?qū)W(wǎng)頁(yè)中各個(gè)顯示對(duì)象的位置排版進(jìn)行像素級(jí)的精確控制，支持幾乎所有的字體、字號(hào)、樣式，并能夠進(jìn)行初步交互設(shè)計(jì)，是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計(jì)語(yǔ)言之一。在CSS發(fā)揮網(wǎng)頁(yè)內(nèi)容表現(xiàn)作用的過(guò)程中，由開(kāi)發(fā)人員開(kāi)發(fā)的CSS文件被存放在后端的網(wǎng)頁(yè)服務(wù)器，雖然其必須以css作為后綴，但同時(shí)可以將其理解成一個(gè)包含有各種CSS標(biāo)記的文本文件；該CSS文件進(jìn)而在客戶端可以由瀏覽器調(diào)用、加載并直接加以執(zhí)行，從而將開(kāi)發(fā)人員所期望表現(xiàn)的效果展示在瀏覽器中供用戶瀏覽。

在現(xiàn)有技術(shù)中，在針對(duì)網(wǎng)頁(yè)需求生成相應(yīng)的CSS文件之后，需要利用生成的CSS文件對(duì)網(wǎng)頁(yè)的展示效果進(jìn)行調(diào)試，在調(diào)試過(guò)程中，若需要對(duì)某個(gè)對(duì)象的某個(gè)屬性進(jìn)行修改，可以直接找到該對(duì)象的該屬性所調(diào)用的子CSS文件，并根據(jù)所需實(shí)現(xiàn)的功能直接修改該子CSS文件。但是在現(xiàn)有技術(shù)中，當(dāng)對(duì)子CSS文件修改之后，可能存在其他對(duì)象的屬性被修改，從而影響網(wǎng)頁(yè)的展示效果。

技術(shù)實(shí)現(xiàn)要素：

本發(fā)明實(shí)施例提供了一種CSS文件的修改方法、裝置及計(jì)算機(jī)可讀介質(zhì)，以實(shí)現(xiàn)對(duì)CSS文件的修改。

一種CSS文件的修改方法，包括：

確定網(wǎng)頁(yè)中所需修改的目標(biāo)對(duì)象對(duì)應(yīng)的當(dāng)前屬性和目的屬性；

根據(jù)對(duì)應(yīng)于所述目標(biāo)對(duì)象的目標(biāo)CSS文件，確定所述目標(biāo)對(duì)象對(duì)應(yīng)的所述當(dāng)前屬性所調(diào)用的目標(biāo)子CSS文件；

確定所述目標(biāo)子CSS文件的被調(diào)用信息；

根據(jù)所述目標(biāo)子CSS文件的被調(diào)用信息和所述目的屬性，對(duì)所述目標(biāo)CSS文件進(jìn)行修改。

優(yōu)選地，

進(jìn)一步包括：在構(gòu)建所述目標(biāo)CSS文件時(shí)，記錄所述目標(biāo)CSS文件中每一個(gè)子CSS文件的被調(diào)用信息；所述被調(diào)用信息包括：調(diào)用該子CSS文件的各個(gè)對(duì)象信息；

所述確定所述目標(biāo)子CSS文件的被調(diào)用信息，包括：在記錄的信息中查找所述目標(biāo)子CSS文件的被調(diào)用信息。

優(yōu)選地，

所述確定所述目標(biāo)子CSS文件的被調(diào)用信息，包括：遍歷網(wǎng)頁(yè)中每一個(gè)對(duì)象的每一個(gè)屬性所調(diào)用的子CSS文件，并統(tǒng)計(jì)調(diào)用所述目標(biāo)子CSS文件的各個(gè)對(duì)象對(duì)應(yīng)的屬性。

優(yōu)選地，所述對(duì)所述目標(biāo)CSS文件進(jìn)行修改，包括：

在所述目標(biāo)子CSS文件的被調(diào)用信息包括除被所述目標(biāo)對(duì)象的所述當(dāng)前屬性調(diào)用以外，還被其他對(duì)象的屬性調(diào)用時(shí)，根據(jù)所述目標(biāo)屬性創(chuàng)建新的子CSS文件，并刪除所述目標(biāo)對(duì)象對(duì)所述目標(biāo)子CSS文件的調(diào)用，以及設(shè)置所述目標(biāo)對(duì)象調(diào)用該新的子CSS文件；

在所述目標(biāo)子CSS文件的被調(diào)用信息包括僅被所述目標(biāo)對(duì)象的所述當(dāng)前屬性調(diào)用時(shí)，根據(jù)所述目標(biāo)屬性對(duì)所述目標(biāo)子CSS文件進(jìn)行修改。

優(yōu)選地在所述對(duì)所述目標(biāo)CSS文件進(jìn)行修改之后，進(jìn)一步包括：

利用修改后的所述目標(biāo)CSS文件對(duì)網(wǎng)頁(yè)進(jìn)行調(diào)試，在確定調(diào)試成功后，將所述目標(biāo)CSS文件中使用的制作工具以及對(duì)各個(gè)屬性進(jìn)行定義的方式進(jìn)行存儲(chǔ)，以利用存儲(chǔ)的該制作工具以及對(duì)各個(gè)屬性進(jìn)行定義的方式生成相應(yīng)的CSS文件。

一種CSS文件的修改裝置，包括：

第一確定單元，用于確定網(wǎng)頁(yè)中所需修改的目標(biāo)對(duì)象對(duì)應(yīng)的當(dāng)前屬性和目的屬性；

第二確定單元，用于根據(jù)對(duì)應(yīng)于所述目標(biāo)對(duì)象的目標(biāo)CSS文件，確定所述目標(biāo)對(duì)象對(duì)應(yīng)的所述當(dāng)前屬性所調(diào)用的目標(biāo)子CSS文件；

第三確定單元，用于確定所述目標(biāo)子CSS文件的被調(diào)用信息；

修改單元，用于根據(jù)所述目標(biāo)子CSS文件的被調(diào)用信息和所述目的屬性，對(duì)所述目標(biāo)CSS文件進(jìn)行修改。

優(yōu)選地，

進(jìn)一步包括：記錄單元，用于在構(gòu)建所述目標(biāo)CSS文件時(shí)，記錄所述目標(biāo)CSS文件中每一個(gè)子CSS文件的被調(diào)用信息；所述被調(diào)用信息包括：調(diào)用該子CSS文件的各個(gè)對(duì)象信息；

所述第三確定單元，具體用于：在記錄的信息中查找所述目標(biāo)子CSS文件的被調(diào)用信息；

或，

所述第三確定單元，具體用于：遍歷網(wǎng)頁(yè)中每一個(gè)對(duì)象的每一個(gè)屬性所調(diào)用的子CSS文件，并統(tǒng)計(jì)調(diào)用所述目標(biāo)子CSS文件的各個(gè)對(duì)象對(duì)應(yīng)的屬性。

優(yōu)選地，所述修改單元，具體用于：

在所述目標(biāo)子CSS文件的被調(diào)用信息包括除被所述目標(biāo)對(duì)象的所述當(dāng)前屬性調(diào)用以外，還被其他對(duì)象的屬性調(diào)用時(shí)，根據(jù)所述目標(biāo)屬性創(chuàng)建新的子CSS文件，并刪除所述目標(biāo)對(duì)象對(duì)所述目標(biāo)子CSS文件的調(diào)用，以及設(shè)置所述目標(biāo)對(duì)象調(diào)用該新的子CSS文件；

在所述目標(biāo)子CSS文件的被調(diào)用信息包括僅被所述目標(biāo)對(duì)象的所述當(dāng)前屬性調(diào)用時(shí)，根據(jù)所述目標(biāo)屬性對(duì)所述目標(biāo)子CSS文件進(jìn)行修改。

優(yōu)選地，進(jìn)一步包括：

處理單元，用于利用修改后的所述目標(biāo)CSS文件對(duì)網(wǎng)頁(yè)進(jìn)行調(diào)試，在確定調(diào)試成功后，將所述目標(biāo)CSS文件中使用的制作工具以及對(duì)各個(gè)屬性進(jìn)行定義的方式進(jìn)行存儲(chǔ)，以利用存儲(chǔ)的該制作工具以及對(duì)各個(gè)屬性進(jìn)行定義的方式生成相應(yīng)的CSS文件。

一種計(jì)算機(jī)可讀介質(zhì)，所述計(jì)算機(jī)可讀介質(zhì)上存儲(chǔ)有計(jì)算機(jī)指令，所述計(jì)算機(jī)指令在被處理器執(zhí)行時(shí)，使所述處理器執(zhí)行任一所述的方法。

本發(fā)明實(shí)施例提供了一種CSS文件的修改方法、裝置及計(jì)算機(jī)可讀介質(zhì)，通過(guò)確定目標(biāo)對(duì)象的當(dāng)前屬性所調(diào)用的目標(biāo)子CSS文件，以及確定該目標(biāo)子CSS文件的被調(diào)用信息，從而可以利用該目標(biāo)子CSS文件的被調(diào)用信息和目的屬性，對(duì)目標(biāo)CSS文件進(jìn)行修改，從而可以降低修改后對(duì)網(wǎng)頁(yè)展示效果的影響。

附圖說(shuō)明

為了更清楚地說(shuō)明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對(duì)實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡(jiǎn)單地介紹，顯而易見(jiàn)地，下面描述中的附圖是本發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來(lái)講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)這些附圖獲得其他的附圖。

圖1是本發(fā)明一個(gè)實(shí)施例提供的一種方法流程圖；

圖2是本發(fā)明一個(gè)實(shí)施例提供的另一種方法流程圖；

圖3是本發(fā)明一個(gè)實(shí)施例提供的一種裝置結(jié)構(gòu)示意圖；

圖4是本發(fā)明一個(gè)實(shí)施例提供的另一種裝置結(jié)構(gòu)示意圖；

圖5是本發(fā)明一個(gè)實(shí)施例提供的又一種裝置結(jié)構(gòu)示意圖。

具體實(shí)施方式

為使本發(fā)明實(shí)施例的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實(shí)施例是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例，基于本發(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒(méi)有做出創(chuàng)造性勞動(dòng)的前提下所獲得的所有其他實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。

如圖1所示，本發(fā)明實(shí)施例提供了一種CSS文件的修改方法，該方法可以包括以下步驟：

步驟101：確定網(wǎng)頁(yè)中所需修改的目標(biāo)對(duì)象對(duì)應(yīng)的當(dāng)前屬性和目的屬性；

步驟102：根據(jù)對(duì)應(yīng)于所述目標(biāo)對(duì)象的目標(biāo)CSS文件，確定所述目標(biāo)對(duì)象對(duì)應(yīng)的所述當(dāng)前屬性所調(diào)用的目標(biāo)子CSS文件；

步驟103：確定所述目標(biāo)子CSS文件的被調(diào)用信息；

步驟104：根據(jù)所述目標(biāo)子CSS文件的被調(diào)用信息和所述目的屬性，對(duì)所述目標(biāo)CSS文件進(jìn)行修改。

根據(jù)上述實(shí)施例，通過(guò)確定目標(biāo)對(duì)象的當(dāng)前屬性所調(diào)用的目標(biāo)子CSS文件，以及確定該目標(biāo)子CSS文件的被調(diào)用信息，從而可以利用該目標(biāo)子CSS文件的被調(diào)用信息和目的屬性，對(duì)目標(biāo)CSS文件進(jìn)行修改，從而可以降低修改后對(duì)網(wǎng)頁(yè)展示效果的影響。

在本發(fā)明一個(gè)實(shí)施例中，由于目標(biāo)子CSS文件可能同時(shí)被多個(gè)屬性調(diào)用，也可能只被該目標(biāo)對(duì)象的當(dāng)前屬性調(diào)用，且被調(diào)用信息不同時(shí)，修改目標(biāo)CSS文件的方式不同，因此，需要確定目標(biāo)子CSS文件的被調(diào)用信息，在確定目標(biāo)子CSS文件的被調(diào)用信息時(shí)，可以包括：遍歷網(wǎng)頁(yè)中每一個(gè)對(duì)象的每一個(gè)屬性所調(diào)用的子CSS文件，并統(tǒng)計(jì)調(diào)用所述目標(biāo)子CSS文件的各個(gè)對(duì)象對(duì)應(yīng)的屬性。

例如，該目標(biāo)對(duì)象為網(wǎng)頁(yè)中的一個(gè)公司標(biāo)題展示模塊，該當(dāng)前屬性包括：文字顯示方式為字號(hào)四號(hào)，字體宋體。該目標(biāo)子CSS文件用于實(shí)現(xiàn)該文字顯示方式為字號(hào)四號(hào)字體宋體，因此，通過(guò)將該公司標(biāo)題展示模塊調(diào)用該目標(biāo)子CSS文件可以實(shí)現(xiàn)相應(yīng)字號(hào)字體的展示。

由于在生成網(wǎng)頁(yè)的目標(biāo)CSS文件時(shí)，為了降低目標(biāo)CSS文件的生成工作量，可以對(duì)用于實(shí)現(xiàn)同一屬性的不同對(duì)象調(diào)用同一個(gè)子CSS文件，從而使得該目標(biāo)CSS文件中，只存儲(chǔ)一份實(shí)現(xiàn)該同一屬性的子CSS文件即可。

因此，在確定目標(biāo)子CSS文件的被調(diào)用信息，可以對(duì)網(wǎng)頁(yè)中每一個(gè)對(duì)象的每一個(gè)屬性所調(diào)用的子CSS文件進(jìn)行遍歷，將遍歷到目標(biāo)子CSS文件進(jìn)行統(tǒng)計(jì)，從而可以確定該目標(biāo)子CSS文件的被調(diào)用信息。

在本發(fā)明一個(gè)實(shí)施例中，為了提高目標(biāo)子CSS文件的被調(diào)用信息的確定效率，可以進(jìn)一步包括：在構(gòu)建所述目標(biāo)CSS文件時(shí)，記錄所述目標(biāo)CSS文件中每一個(gè)子CSS文件的被調(diào)用信息；所述被調(diào)用信息包括：調(diào)用該子CSS文件的各個(gè)對(duì)象信息；

所述確定所述目標(biāo)子CSS文件的被調(diào)用信息，包括：在記錄的信息中查找所述目標(biāo)子CSS文件的被調(diào)用信息。

上述實(shí)施例，由于在生成網(wǎng)頁(yè)對(duì)應(yīng)的目標(biāo)CSS文件時(shí)，用戶在對(duì)網(wǎng)頁(yè)中各個(gè)對(duì)象的屬性進(jìn)行子CSS文件的調(diào)用時(shí)，每調(diào)用一個(gè)子CSS文件，將該子CSS文件被調(diào)用信息進(jìn)行記錄，通過(guò)少量的工作量，在需要確定目標(biāo)子CSS文件的被調(diào)用信息時(shí)，可以在整體上降低工作量，且可以提高被調(diào)用信息的確定效率。

在本發(fā)明一個(gè)實(shí)施例中，由于目標(biāo)子CSS文件的被調(diào)用信息不同時(shí)，對(duì)目標(biāo)CSS文件的修改方式不同，其中，對(duì)目標(biāo)CSS文件進(jìn)行修改可以包括：

在所述目標(biāo)子CSS文件的被調(diào)用信息包括除被所述目標(biāo)對(duì)象的所述當(dāng)前屬性調(diào)用以外，還被其他對(duì)象的屬性調(diào)用時(shí)，根據(jù)所述目標(biāo)屬性創(chuàng)建新的子CSS文件，并刪除所述目標(biāo)對(duì)象對(duì)所述目標(biāo)子CSS文件的調(diào)用，以及設(shè)置所述目標(biāo)對(duì)象調(diào)用該新的子CSS文件；

在所述目標(biāo)子CSS文件的被調(diào)用信息包括僅被所述目標(biāo)對(duì)象的所述當(dāng)前屬性調(diào)用時(shí)，根據(jù)所述目標(biāo)屬性對(duì)所述目標(biāo)子CSS文件進(jìn)行修改。

例如，該目標(biāo)子CSS文件用于實(shí)現(xiàn)該文字顯示方式為字號(hào)四號(hào)字體宋體，該目標(biāo)子CSS文件同時(shí)被公司標(biāo)題展示模塊和新聞?wù)故灸K調(diào)用，因此，若直接修改該目標(biāo)子CSS文件，那么不僅公司標(biāo)題展示模塊對(duì)應(yīng)的文字顯示方式發(fā)生了變化，而新聞?wù)故灸K的文字顯示方式也發(fā)生了變化，因此，該方式下不能直接進(jìn)行修改，可以在目標(biāo)CSS文件中查找其他用于實(shí)現(xiàn)該文字顯示方式的子CSS文件，也可以刪除該目標(biāo)對(duì)象對(duì)該目標(biāo)子CSS文件的調(diào)用，可以重新建立新的子CSS文件，以使該重新建立的新的CSS文件能夠滿足目標(biāo)對(duì)應(yīng)的目的屬性。

在本發(fā)明一個(gè)實(shí)施例中，可能存在在生成目標(biāo)CSS文件之后，所有調(diào)用方式都正確的情況下，網(wǎng)頁(yè)展示效果存在問(wèn)題，可能是由于生成目標(biāo)CSS文件時(shí)使用的制作工具之間的沖突、或者各個(gè)屬性進(jìn)行定義的方式之間的沖突、或者使用的制作工具與對(duì)屬性進(jìn)行定義的方式之間的沖突造成的，因此，在對(duì)目標(biāo)CSS文件進(jìn)行修改之后，可以進(jìn)一步包括：

利用修改后的所述目標(biāo)CSS文件對(duì)網(wǎng)頁(yè)進(jìn)行調(diào)試，在確定調(diào)試成功后，將所述目標(biāo)CSS文件中使用的制作工具以及對(duì)各個(gè)屬性進(jìn)行定義的方式進(jìn)行存儲(chǔ)，以利用存儲(chǔ)的該制作工具以及對(duì)各個(gè)屬性進(jìn)行定義的方式生成相應(yīng)的CSS文件。

根據(jù)上述實(shí)施例，在后續(xù)過(guò)程中利用該存儲(chǔ)的制作工具以及對(duì)各個(gè)屬性進(jìn)行定義的方式生成相應(yīng)CSS文件時(shí)，可以降低在利用該相應(yīng)CSS文件進(jìn)行網(wǎng)頁(yè)效果展示時(shí)的影響，提高CSS文件的生成成功率。

下面以某公司制作網(wǎng)頁(yè)為例，對(duì)本發(fā)明實(shí)施例提供的CSS文件的修改方法進(jìn)行進(jìn)一步說(shuō)明。

如圖2所示，本發(fā)明實(shí)施例提供了一種CSS文件的修改方法，該方法可以包括以下步驟：

步驟201：確定該公司對(duì)所制作的網(wǎng)頁(yè)的需求。

其中，該需求可以包括：網(wǎng)頁(yè)中包括的各個(gè)對(duì)象，每一個(gè)對(duì)象對(duì)應(yīng)的屬性。例如，該公司對(duì)網(wǎng)頁(yè)的需求包括如下幾個(gè)對(duì)象：對(duì)象1、對(duì)象2、……、對(duì)象50，每一個(gè)對(duì)象對(duì)應(yīng)的屬性可以包括：對(duì)象1-屬性A，對(duì)象2-屬性A，對(duì)象3-屬性B、……、對(duì)象50-屬性D。

步驟202：根據(jù)公司對(duì)所制作網(wǎng)頁(yè)的需求，確定所需使用的制作工具。

在本實(shí)施例中，可以使用如下制作工具：

1、CSS3Maker：這款工具非常強(qiáng)大，可在線演示漸變、陰影、旋轉(zhuǎn)、動(dòng)畫等非常多的效果，并生成對(duì)應(yīng)效果的代碼，

2、CSS3Generator：非常不錯(cuò)的各種CSS3代碼生成器，支持圓角、漸變、旋轉(zhuǎn)和陰影等眾多特性，帶預(yù)覽效果。

3、CSS3Please：一款CSS3工具，可即時(shí)在線修改代碼并預(yù)覽效果，還有詳細(xì)的瀏覽器兼容情況。

步驟203：確定制作該網(wǎng)頁(yè)時(shí)對(duì)各個(gè)屬性進(jìn)行定義的方式。

在本實(shí)施例中，除常用的CSS樣式表中的定義方式，還可以使用如下對(duì)屬性進(jìn)行定義的方式：

1、用戶界面。

Resize：可以由用戶自己調(diào)整div的大小，有horizontal(水平)vertical(垂直)或者both(同時(shí))，或者同時(shí)調(diào)整。如果再加上max-width或min-width的話還可以防止破壞布局。

2、選擇器。

新層疊樣式增加了更多的新層疊樣式選擇器，可以實(shí)現(xiàn)更簡(jiǎn)單但是更強(qiáng)大的功能，比如:nth-child()等。

Attribute selectors:在屬性中可以加入通配符，包括^,$,*

[att^＝val]:表示開(kāi)始字符是val的att屬性

[att$＝val]:表示結(jié)束字符是val的att屬性

[att*＝val]:表示包含至少有一個(gè)val的att屬性

media queries:媒體選擇，可以為網(wǎng)頁(yè)中不同的對(duì)象設(shè)置不同的瀏覽設(shè)備。比如可以為某一塊分別設(shè)置屏幕瀏覽樣式和手機(jī)瀏覽樣式，以前則只能設(shè)置整個(gè)網(wǎng)頁(yè)

multi-column layout:多列布局，讓文字以多列顯示，包括column-width、column-count、column-gap三個(gè)值。

3、新層疊樣式圓角表格。

border-radius:該屬性允許為元素添加圓角邊框。

4、文字特效。

font-effect：加文字特效，加陰影效果。

5、下劃線。

下劃線的屬性可以包括：直線、波浪線、點(diǎn)線、虛線等，可以對(duì)下劃線的顏色和位置進(jìn)行任意改變。對(duì)應(yīng)屬性為：text-underline-style，text-underline-color，text-underline-mode，text-underline-position。

6、文字下面的重點(diǎn)符號(hào)。

對(duì)應(yīng)屬性：font-emphasize-style和font-emphasize-position。

7、其他效果。

border-color:控制邊框顏色，可產(chǎn)生漸變效果

border-image:控制邊框圖像

border-corner-image:控制邊框邊角的圖像

border-radius:能產(chǎn)生類似圓角矩形的效果

background-origin:決定了背景在盒模型中的初始位置，提供了3個(gè)值，分別為：border,padding和content。其中，border:控制背景起始于左上角的邊框；padding:控制背景起始于左上角的留白；content:控制背景起始于左上角的內(nèi)容。

background-clip:決定邊框是否覆蓋住背景(默認(rèn)是不覆蓋)，提供了兩個(gè)值，分別為：border和padding；其中，border:會(huì)覆蓋住背景；padding:不會(huì)覆蓋背景。

background-size:可以指定背景大小，以象素或百分比顯示。當(dāng)指定為百分比時(shí)，大小由所在區(qū)域的寬度、高度，以及background-origin的位置決定。

multiple backgrounds:多重背景圖像，可以把不同背景圖像放到一個(gè)塊元素里。

text-shadow:文字投影，可能是因?yàn)镸AC OSX的Safari瀏覽器開(kāi)始支持投影才特意增加的。

text-overflow:當(dāng)文字溢出時(shí)，用“…”提示。包括ellipsis、clip、ellipsis-word、inherit，前兩個(gè)新層疊樣式就有了，還是部分支持，IE6可以支持。ellipsis-word可以省略掉最后一個(gè)單詞，對(duì)中文意義不大，inherit可以繼承父級(jí)元素。

HSL colors:除了支持RGB顏色外，還支持HSL(色相、飽和度、亮度)。以前一般都是作圖的時(shí)候用HSL色譜，但這樣一來(lái)會(huì)包括更多的顏色。H用度表示，S和L用百分比表示，比如hsl(0,100％,50％)

HSLA colors:加了個(gè)不透明度(Apacity)，用0到1之間的數(shù)來(lái)表示，比如hsla(0,100％,50％,0.2)

opacity:直接控制不透明度，用0到1之間的數(shù)來(lái)表示

RGBA colors:瀏覽器的透明度，在設(shè)置顏色時(shí)可以使用標(biāo)準(zhǔn)的rgba()單位，例如rgba(255,0,0,0.4)，如此可以出現(xiàn)一個(gè)紅色同時(shí)擁有alpha透明為0.4的顏色。其中，firefox3.0、safari3.2、opera10均支持rgba單位。

transform:變形，rotate|scale|skew|translate|matrix；其中，旋轉(zhuǎn)rotate、扭曲skew、縮放scale和移動(dòng)translate以及矩陣變形matrix。

Transition：轉(zhuǎn)換，其主要包含四個(gè)屬性值，分別為：執(zhí)行變換的屬性：transition-property；變換延續(xù)的時(shí)間：transition-duration；在延續(xù)時(shí)間段，變換的速率變化transition-timing-function；變換延遲時(shí)間transition-delay。

步驟204：根據(jù)確定的制作工具、對(duì)屬性定義的形式和對(duì)網(wǎng)頁(yè)的需求，生成目標(biāo)CSS文件，并在生成目標(biāo)CSS文件時(shí)，記錄目標(biāo)CSS文件中每一個(gè)子CSS文件的被調(diào)用信息。

其中，生成的目標(biāo)CSS文件用于實(shí)現(xiàn)網(wǎng)頁(yè)的展示，以及實(shí)現(xiàn)公司對(duì)網(wǎng)頁(yè)的需求。

為了后續(xù)過(guò)程中對(duì)目標(biāo)CSS文件的修改，能夠快速獲知到子CSS文件的被調(diào)用信息，可以在該生成目標(biāo)CSS文件的過(guò)程中，將每一個(gè)子CSS文件的被調(diào)用信息記錄下來(lái)。其中，該被調(diào)用信息包括：調(diào)用該子CSS文件的各個(gè)對(duì)象信息。

步驟205：根據(jù)目標(biāo)CSS文件，對(duì)制作出的網(wǎng)頁(yè)進(jìn)行調(diào)試，在調(diào)試成功時(shí)，執(zhí)行步驟211；在調(diào)試失敗時(shí)，執(zhí)行步驟206。

其中，若調(diào)試成功，則表明網(wǎng)頁(yè)可以正常展示，且展示效果與公司對(duì)其需求相匹配，否則，則表明調(diào)試失敗。

步驟206：確定網(wǎng)頁(yè)中所需修改的目標(biāo)對(duì)象對(duì)應(yīng)的當(dāng)前屬性和目的屬性。

例如，該目標(biāo)對(duì)象為網(wǎng)頁(yè)中的一個(gè)公司標(biāo)題展示模塊；該當(dāng)前屬性包括：文字顯示方式為字號(hào)四號(hào)，字體宋體；該目的屬性包括：文字顯示方式為字號(hào)二號(hào)，字體楷體。

根據(jù)該當(dāng)前屬性和目的屬性可以知，在調(diào)試過(guò)程確定出在網(wǎng)頁(yè)的顯示效果中，公司需要將公司標(biāo)題展示模塊對(duì)應(yīng)的文字顯示方式進(jìn)行修改。

步驟207：根據(jù)對(duì)應(yīng)于所述目標(biāo)對(duì)象的目標(biāo)CSS文件，確定所述目標(biāo)對(duì)象對(duì)應(yīng)的所述當(dāng)前屬性所調(diào)用的子CSS文件A。

步驟208：根據(jù)針對(duì)目標(biāo)CSS文件記錄的信息，確定子CSS文件A的被調(diào)用信息，在子CSS文件A的被調(diào)用信息包括除被所述目標(biāo)對(duì)象的所述當(dāng)前屬性調(diào)用以外，還被其他對(duì)象的屬性調(diào)用時(shí)，執(zhí)行步驟209；在所述目標(biāo)子CSS文件的被調(diào)用信息包括僅被所述目標(biāo)對(duì)象的所述當(dāng)前屬性調(diào)用時(shí)，執(zhí)行步驟210。

步驟209：根據(jù)所述目標(biāo)屬性創(chuàng)建新的子CSS文件A1，并刪除目標(biāo)對(duì)象對(duì)子CSS文件A的調(diào)用，以及設(shè)置目標(biāo)對(duì)象調(diào)用該新的子CSS文件A1，執(zhí)行步驟211。

例如，子CSS文件A同時(shí)被公司標(biāo)題展示模塊和新聞?wù)故灸K調(diào)用，因此，若直接修改該目標(biāo)子CSS文件，那么不僅公司標(biāo)題展示模塊對(duì)應(yīng)的文字顯示方式發(fā)生了變化，而新聞?wù)故灸K的文字顯示方式也發(fā)生了變化，因此，該方式下不能直接進(jìn)行修改，可以在目標(biāo)CSS文件中查找其他用于實(shí)現(xiàn)該文字顯示方式的子CSS文件，也可以刪除該目標(biāo)對(duì)象對(duì)該目標(biāo)子CSS文件的調(diào)用，可以重新建立新的子CSS文件，以使該重新建立的新的CSS文件能夠滿足目標(biāo)對(duì)應(yīng)的目的屬性。本實(shí)施例中使用后一種方式進(jìn)行修改。

步驟210：根據(jù)所述目標(biāo)屬性對(duì)子CSS文件A進(jìn)行修改，并執(zhí)行步驟211。

步驟211：利用修改后的所述目標(biāo)CSS文件對(duì)網(wǎng)頁(yè)進(jìn)行調(diào)試，在確定調(diào)試成功后，將所述目標(biāo)CSS文件中使用的制作工具以及對(duì)各個(gè)屬性進(jìn)行定義的方式進(jìn)行存儲(chǔ)。

可能存在在生成目標(biāo)CSS文件之后，所有調(diào)用方式都正確的情況下，網(wǎng)頁(yè)展示效果存在問(wèn)題，可能是由于生成目標(biāo)CSS文件時(shí)使用的制作工具之間的沖突、或者各個(gè)屬性進(jìn)行定義的方式之間的沖突、或者使用的制作工具與對(duì)屬性進(jìn)行定義的方式之間的沖突造成的，在后續(xù)過(guò)程中利用該存儲(chǔ)的制作工具以及對(duì)各個(gè)屬性進(jìn)行定義的方式生成相應(yīng)CSS文件時(shí)，可以降低在利用該相應(yīng)CSS文件進(jìn)行網(wǎng)頁(yè)效果展示時(shí)的影響，提高CSS文件的生成成功率。

請(qǐng)參考圖3，本發(fā)明一個(gè)實(shí)施例提供了一種CSS文件的修改裝置，包括：

第一確定單元301，用于確定網(wǎng)頁(yè)中所需修改的目標(biāo)對(duì)象對(duì)應(yīng)的當(dāng)前屬性和目的屬性；

第二確定單元302，用于根據(jù)對(duì)應(yīng)于所述目標(biāo)對(duì)象的目標(biāo)CSS文件，確定所述目標(biāo)對(duì)象對(duì)應(yīng)的所述當(dāng)前屬性所調(diào)用的目標(biāo)子CSS文件；

第三確定單元303，用于確定所述目標(biāo)子CSS文件的被調(diào)用信息；

修改單元304，用于根據(jù)所述目標(biāo)子CSS文件的被調(diào)用信息和所述目的屬性，對(duì)所述目標(biāo)CSS文件進(jìn)行修改。

在本發(fā)明一個(gè)實(shí)施例中，請(qǐng)參考圖4，該CSS文件的修改裝置可以進(jìn)一步包括：

記錄單元401，用于在構(gòu)建所述目標(biāo)CSS文件時(shí)，記錄所述目標(biāo)CSS文件中每一個(gè)子CSS文件的被調(diào)用信息；所述被調(diào)用信息包括：調(diào)用該子CSS文件的各個(gè)對(duì)象信息；

所述第三確定單元303，具體用于：在記錄的信息中查找所述目標(biāo)子CSS文件的被調(diào)用信息；

或，

所述第三確定單元303，具體用于：遍歷網(wǎng)頁(yè)中每一個(gè)對(duì)象的每一個(gè)屬性所調(diào)用的子CSS文件，并統(tǒng)計(jì)調(diào)用所述目標(biāo)子CSS文件的各個(gè)對(duì)象對(duì)應(yīng)的屬性。

在本發(fā)明一個(gè)實(shí)施例中，所述修改單元304，具體用于：

在所述目標(biāo)子CSS文件的被調(diào)用信息包括除被所述目標(biāo)對(duì)象的所述當(dāng)前屬性調(diào)用以外，還被其他對(duì)象的屬性調(diào)用時(shí)，根據(jù)所述目標(biāo)屬性創(chuàng)建新的子CSS文件，并刪除所述目標(biāo)對(duì)象對(duì)所述目標(biāo)子CSS文件的調(diào)用，以及設(shè)置所述目標(biāo)對(duì)象調(diào)用該新的子CSS文件；

在所述目標(biāo)子CSS文件的被調(diào)用信息包括僅被所述目標(biāo)對(duì)象的所述當(dāng)前屬性調(diào)用時(shí)，根據(jù)所述目標(biāo)屬性對(duì)所述目標(biāo)子CSS文件進(jìn)行修改。

在本發(fā)明一個(gè)實(shí)施例中，請(qǐng)參考圖5，該CSS文件的修改裝置可以進(jìn)一步包括：

處理單元501，用于利用修改后的所述目標(biāo)CSS文件對(duì)網(wǎng)頁(yè)進(jìn)行調(diào)試，在確定調(diào)試成功后，將所述目標(biāo)CSS文件中使用的制作工具以及對(duì)各個(gè)屬性進(jìn)行定義的方式進(jìn)行存儲(chǔ)，以利用存儲(chǔ)的該制作工具以及對(duì)各個(gè)屬性進(jìn)行定義的方式生成相應(yīng)的CSS文件。

本發(fā)明還提供了一種計(jì)算機(jī)可讀介質(zhì)，存儲(chǔ)用于使一機(jī)器執(zhí)行如本文所述的程序代碼的審核方法的指令。具體地，可以提供配有存儲(chǔ)介質(zhì)的系統(tǒng)或者裝置，在該存儲(chǔ)介質(zhì)上存儲(chǔ)著實(shí)現(xiàn)上述實(shí)施例中任一實(shí)施例的功能的軟件程序代碼，且使該系統(tǒng)或者裝置的計(jì)算機(jī)(或CPU或MPU)讀出并執(zhí)行存儲(chǔ)在存儲(chǔ)介質(zhì)中的程序代碼。

在這種情況下，從存儲(chǔ)介質(zhì)讀取的程序代碼本身可實(shí)現(xiàn)上述實(shí)施例中任何一項(xiàng)實(shí)施例的功能，因此程序代碼和存儲(chǔ)程序代碼的存儲(chǔ)介質(zhì)構(gòu)成了本發(fā)明的一部分。

用于提供程序代碼的存儲(chǔ)介質(zhì)實(shí)施例包括軟盤、硬盤、磁光盤、光盤(如CD-ROM、CD-R、CD-RW、DVD-ROM、DVD-RAM、DVD-RW、DVD+RW)、磁帶、非易失性存儲(chǔ)卡和ROM?？蛇x擇地，可以由通信網(wǎng)絡(luò)從服務(wù)器計(jì)算機(jī)上下載程序代碼。

此外，應(yīng)該清楚的是，不僅可以通過(guò)執(zhí)行計(jì)算機(jī)所讀出的程序代碼，而且可以通過(guò)基于程序代碼的指令使計(jì)算機(jī)上操作的操作系統(tǒng)等來(lái)完成部分或者全部的實(shí)際操作，從而實(shí)現(xiàn)上述實(shí)施例中任意一項(xiàng)實(shí)施例的功能。

此外，可以理解的是，將由存儲(chǔ)介質(zhì)讀出的程序代碼寫到插入計(jì)算機(jī)內(nèi)的擴(kuò)展板中所設(shè)置的存儲(chǔ)器中或者寫到與計(jì)算機(jī)相連接的擴(kuò)展單元中設(shè)置的存儲(chǔ)器中，隨后基于程序代碼的指令使安裝在擴(kuò)展板或者擴(kuò)展單元上的CPU等來(lái)執(zhí)行部分和全部實(shí)際操作，從而實(shí)現(xiàn)上述實(shí)施例中任一實(shí)施例的功能。

綜上，本發(fā)明各個(gè)實(shí)施例至少可以具有如下有益效果：

1、在本發(fā)明實(shí)施例中，通過(guò)確定目標(biāo)對(duì)象的當(dāng)前屬性所調(diào)用的目標(biāo)子CSS文件，以及確定該目標(biāo)子CSS文件的被調(diào)用信息，從而可以利用該目標(biāo)子CSS文件的被調(diào)用信息和目的屬性，對(duì)目標(biāo)CSS文件進(jìn)行修改，從而可以降低修改后對(duì)網(wǎng)頁(yè)展示效果的影響。

2、在本發(fā)明實(shí)施例中，由于在生成網(wǎng)頁(yè)對(duì)應(yīng)的目標(biāo)CSS文件時(shí)，用戶在對(duì)網(wǎng)頁(yè)中各個(gè)對(duì)象的屬性進(jìn)行子CSS文件的調(diào)用時(shí)，每調(diào)用一個(gè)子CSS文件，將該子CSS文件被調(diào)用信息進(jìn)行記錄，通過(guò)少量的工作量，在需要確定目標(biāo)子CSS文件的被調(diào)用信息時(shí)，可以在整體上降低工作量，且可以提高被調(diào)用信息的確定效率。

3、在本發(fā)明實(shí)施例中，在后續(xù)過(guò)程中利用該存儲(chǔ)的制作工具以及對(duì)各個(gè)屬性進(jìn)行定義的方式生成相應(yīng)CSS文件時(shí)，可以降低在利用該相應(yīng)CSS文件進(jìn)行網(wǎng)頁(yè)效果展示時(shí)的影響，提高CSS文件的生成成功率。

上述裝置內(nèi)的各單元之間的信息交互、執(zhí)行過(guò)程等內(nèi)容，由于與本發(fā)明方法實(shí)施例基于同一構(gòu)思，具體內(nèi)容可參見(jiàn)本發(fā)明方法實(shí)施例中的敘述，此處不再贅述。

需要說(shuō)明的是，在本文中，諸如第一和第二之類的關(guān)系術(shù)語(yǔ)僅僅用來(lái)將一個(gè)實(shí)體或者操作與另一個(gè)實(shí)體或操作區(qū)分開(kāi)來(lái)，而不一定要求或者暗示這些實(shí)體或操作之間存在任何這種實(shí)際的關(guān)系或者順序。而且，術(shù)語(yǔ)“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過(guò)程、方法、物品或者設(shè)備不僅包括那些要素，而且還包括沒(méi)有明確列出的其他要素，或者是還包括為這種過(guò)程、方法、物品或者設(shè)備所固有的要素。在沒(méi)有更多限制的情況下，由語(yǔ)句“包括一個(gè)······”限定的要素，并不排除在包括所述要素的過(guò)程、方法、物品或者設(shè)備中還存在另外的相同因素。

本領(lǐng)域普通技術(shù)人員可以理解：實(shí)現(xiàn)上述方法實(shí)施例的全部或部分步驟可以通過(guò)程序指令相關(guān)的硬件來(lái)完成，前述的程序可以存儲(chǔ)在計(jì)算機(jī)可讀取的存儲(chǔ)介質(zhì)中，該程序在執(zhí)行時(shí)，執(zhí)行包括上述方法實(shí)施例的步驟；而前述的存儲(chǔ)介質(zhì)包括：ROM、RAM、磁碟或者光盤等各種可以存儲(chǔ)程序代碼的介質(zhì)中。

最后需要說(shuō)明的是：以上所述僅為本發(fā)明的較佳實(shí)施例，僅用于說(shuō)明本發(fā)明的技術(shù)方案，并非用于限定本發(fā)明的保護(hù)范圍。凡在本發(fā)明的精神和原則之內(nèi)所做的任何修改、等同替換、改進(jìn)等，均包含在本發(fā)明的保護(hù)范圍內(nèi)。