ホームページ  >  記事  >  ウェブフロントエンド  >  CSSファイルの解凍方法

CSSファイルの解凍方法

藏色散人
藏色散人オリジナル
2020-12-15 10:35:374054ブラウズ

CSS ファイルを解凍する方法: 1. Google Chrome を開き、デバッグ モードでソースを見つけ、圧縮ファイルをクリックして解凍します; 2. オンライン復元ツールを使用して、圧縮された CSS コードを復元します。

CSSファイルの解凍方法

#このチュートリアルの動作環境: Windows7 システム、Google87.0&&css3 バージョン、thinkpad t480 コンピューター。

推奨: 「

css ビデオ チュートリアル

CSS コード圧縮の原因、CSS 圧縮が必要な理由

CSS コード圧縮が最適です 主な要因は、圧縮された CSS コードによって占有されるバイト数が削減される (ファイル サイズが縮小される) ことです Web サイトの訪問数が比較的少ない場合、圧縮コードの利点はあまり明らかではありません。ただし、比較的大きな Web サイトの場合、トラフィックが多い Web サイトの費用を節約する必要があります。トラフィックを節約できる一方で、Web サイトを開くのが少し速くなります (訪問者はこの速度を感じないかもしれませんが、特に一部の Web サイト スペースは、毎月のトラフィック使用量に基づいて支払われるか、スペース購入後に毎月のトラフィック使用量が制限されます。圧縮すると、トラフィック使用量が大幅に削減され、コストが節約されます。

コスト削減のケース:

たとえば、多数のアクセスによるサーバー リソースの消費を避けるために、Web サイトの 1 日の PV が 100 万であるとします。その結果、アクセスが遅くなります (通常、サーバーは帯域幅が限られています)、その多くは、画像、CSS、JS などを別のサーバーに配置します。たとえば、CSS はサードパーティのサーバーに配置され、Web サイトは LINK を使用して外部 CSS にリンクします。ファイル。CSS ファイルは、サードパーティの有料 OSS (Alibaba などの開発ストレージ スペース) に配置されます。クラウド ストレージ) は、トラフィックに基づいて課金されます。CSS コードを圧縮すると、大量のアクセスによるトラフィック消費が自然に削減され、トラフィックの消費量が減少します。費用がかかります。

CSS コード圧縮をどこから開始するか

Web ページの開発後、Web サイトに公開する CSS コードは、スペースの削除、改行の削除など、直接縮小および圧縮できます。冗長なセミコロンなどを削除します。

もちろん、一部の CSS コードは最適化でき、コード量が大幅に削減され、ファイル サイズが小さくなります。

CSS ファイルを解凍するにはどうすればよいですか?

方法は 2 つあります:

1. Google Chrome を使用して、圧縮された CSS コードを復元します。

2.オンライン復元ツールを使用して、圧縮された CSS コードを復元します。

方法の詳細な説明:

最初の方法は、まず Google Chrome を開き、ページを実行し、デバッグ モードを開き、デバッグ モードでソースを見つけ、圧縮ファイルをクリックします。をクリックすると、「圧縮されたコード」が表示されます。

CSSファイルの解凍方法

左下隅で形式を見つけてクリックすると、圧縮コードが復元されていることがわかります。これは左下隅の {} です。

CSSファイルの解凍方法

2 番目の方法は、Baidu 検索を開いてオンラインで CSS を復元することです。多くのオンライン ツールがあります。コードの美化またはフォーマットを選択して、圧縮されたコードを復元します。

#

以上がCSSファイルの解凍方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。