中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

CSS代碼優(yōu)化之CSS壓縮與CSS代碼壓縮還原

2022-06-01    分類: 網(wǎng)站建設(shè)

CSS壓縮與CSS代碼壓縮還原方法有哪些呢?使用什么工具對css代碼進行壓縮講解篇。壓縮后的CSS代碼如何快速排版好以便于再編輯在修改。

一、CSS代碼壓縮原因、為什么要CSS壓縮

CSS代碼壓縮最主要因素是,壓縮后的CSS代碼所占用字節(jié)數(shù)減少(文件大小減小),如果訪問量比較小的網(wǎng)站這點壓縮后代碼的優(yōu)勢不是很明顯。但對于比較大的網(wǎng)站,訪問量大網(wǎng)站來說節(jié)約就顯得很有必要,一方面可以節(jié)約流量;另外一方面可以讓網(wǎng)站打開速度稍微快點(可能訪問者對這點速度沒什么感受,但確實存在的),特別是有的網(wǎng)站空間現(xiàn)在是按每月使用流量付款或購買后空間限制每月使用流量大小,如果進行壓縮后會大大降低流量使用量,從而節(jié)約成本。

節(jié)約成本案例:比如一個網(wǎng)站每日PV100萬,避免訪問量大隊一個服務(wù)器資源耗用,而造成訪問慢(一般服務(wù)器都是會現(xiàn)在帶寬),很多這類網(wǎng)站都會把圖片、CSS、JS等放到另外服務(wù)器上,比如CSS放到第三方服務(wù)器上然后網(wǎng)站使用LINK鏈接外部CSS文件,而CSS文件是放在第三方收費OSS(開發(fā)存儲空間,比如阿里云存儲)上,都是按照流量收費的,訪問量大而CSS代碼進行壓縮自然會減少流量消耗從而降低費用。

二、CSS代碼壓縮從哪些方面入手

網(wǎng)頁開發(fā)好后,將要發(fā)布到網(wǎng)站的CSS代碼直接縮減壓縮,比如刪除空格、去掉換行、去掉多余分號等

當(dāng)然有的CSS代碼可以進行優(yōu)化也是可以大大減少代碼量從而減少文件大小。

三、CSS壓縮工具

代碼壓縮推薦直接使用DW軟件(Dreamweaver)即可開始壓縮代碼。

四、壓縮方法

使用DW軟件的查找與替換工具進行替換壓縮CSS代碼。

1、DW軟件打開CSS文件

2、刪除空格壓縮代碼

2-1:使用快捷鍵“Ctrl+F”,調(diào)出查找與替換工具選項卡。

2-2:查找處鍵入(輸入)一個英文半角小寫“空格”

在“查找”輸入框中輸入一個空格,“替換”的輸入框中無需填入然后字符或代碼,這樣在執(zhí)行替換時候,相當(dāng)于把空格替換為沒有字符,相當(dāng)于刪除空格位置。

2-3:點擊“替換全部”

點擊“替換全部”后,即可將多余的空格位置刪除完成,完成壓縮一部分。

3、將多余的分號刪除

在CSS代碼中,每個CSS選擇器內(nèi)的最后一個CSS樣式的結(jié)束是不需要“分號”結(jié)束的,換句話說每個選擇器內(nèi)即“后花括號”前是不需要分號結(jié)束最后一個CSS樣式的。

同樣使用DW軟件“查找與替換”功能刪除掉,避免刪除錯其它“分號”,這個時候在“查找與替換”選項卡中“查找”輸入框中填寫“;}”(分號+后花括號),在“替換”輸入框中只輸入“}”(后花括號),然后點擊“替換全部”,即可完成刪除多余分號符號。

4、刪除多余空行,讓代碼都排成一排(緊貼一起)

可以手動刪除空行,也可以使用DW軟件快速刪除空行,具體刪除壓縮如下。

4-1:首先DW打開CSS文件代碼

4-2:選中空行

首先將鼠標(biāo)光標(biāo)移動到選擇器開頭,然后點擊鼠標(biāo)左鍵不放同時往上拉到上一個選擇器結(jié)束前(上一個CSS樣式選擇器后花括號后),這個時候即可選中空行,此時選中空行為藍色區(qū)域。

4-3:調(diào)出“查找與替換”工具

在選中后松開鼠標(biāo)左鍵后,使用快捷鍵“Ctrl+F”,即可調(diào)用出“查找與替換”選項卡,此時“查找與替換”選項卡的“查找”輸入框中即可自動填上剛剛選取好的空行。

4-4:點擊“替換全部”完成壓縮

在“替換”輸入框無需再輸入什么字符或代碼,直接點擊“替換完成”,完成替換。

快速使用DW軟件進行著幾步操作即可完成對CSS代碼(文件)壓縮精簡。

五、DIVCSS5壓縮CSS代碼總結(jié)

以上是對代碼進行空行、空格、多余標(biāo)點符號(分號)的刪除,完成對CSS代碼壓縮。

六、壓縮后CSS代碼還原

壓縮后CSS代碼多余空格空行符號刪除后就成為一片整體,不再便于修改維護。但一般情況下一個網(wǎng)站網(wǎng)頁很難后期不維護不修改CSS,這個時候是需要對CSS代碼進行再排版修改的。同樣還原CSS代碼排版也推薦使用DW軟件快速進行。

1、首先DW軟件打開CSS文件

2、點擊軟件代碼區(qū)最左側(cè)“格式化源代碼”圖標(biāo)(像水桶)即可展開應(yīng)用功能

3、點擊“應(yīng)用源格式”,即可完成代碼排版。簡化代碼。

4、注意:代碼排版方式,可以通過“代碼格式設(shè)置”進入設(shè)置。當(dāng)然在DIVCSS5在線培訓(xùn)中也演示給大家看如何操作,如何選擇CSS代碼排版方式。

網(wǎng)頁名稱:CSS代碼優(yōu)化之CSS壓縮與CSS代碼壓縮還原
文章來源:http://m.2m8n56k.cn/news49/162449.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站移動網(wǎng)站建設(shè)建站公司做網(wǎng)站電子商務(wù)ChatGPT

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

手機網(wǎng)站建設(shè)
主站蜘蛛池模板: 国产成人免费不卡在线观看 | 国产精品人伦久久 | 亚洲欧美一区二区三区在线 | 欧美巨大另类极品videohd | 成人 在线播放 | 乱人伦中文视频在线观看免费 | 国产成人91高清精品免费 | 手机看片国产精品 | 国产精品久久久免费视频 | 亚洲成a人片在线观 | 亚洲综合爱久久影院 | 亚洲性欧美| 精品香蕉99久久久久网站 | 中文国产成人精品少久久 | 国产成人永久免费视频 | 韩国美女一区二区 | 中文字幕在线观看91 | 国产主播大尺度精品福利 | 中国一级毛片免费观看 | 99精品视频99 | 特级毛片免费观看视频 | 久久频这里精品99香蕉久 | 免费中国一级啪啪片 | 最新亚洲人成网站在线影院 | www亚洲免费 | 亚洲成人免费视频 | 国产一级二级三级毛片 | 国产孕妇孕交视频在线观看 | 国产精品一二区 | 精品国产免费第一区二区三区日韩 | 欧美粗又大gay69视频 | 国内成人自拍 | 高清不卡日本v在线二区 | 国产成人精品福利网站在线观看 | 男女一级爽爽快视频 | 欧美特欧美特级一片 | 一级做人爱a视频正版免费 一级做性色a爱片久久片 | 午夜三级在线 | 手机在线黄色网址 | 精品国产网站 | 成人午夜在线播放 |