ホームページ >ウェブフロントエンド >フロントエンドQ&A >いくつかの使いやすい CSS 最適化ツール

いくつかの使いやすい CSS 最適化ツール

王林
王林オリジナル
2019-08-20 14:38:493398ブラウズ

1, http://tool.lanrentuku.com/csszip/

ソース コードは整形式である必要があります。このツールには組み込みバリデータがありません。バリデーターは、CSS ソース コードのエラーを指摘できます。ソース コードが標準に準拠していることを確認するには、W3C バリデーターを使用してください。

2、http://www .jb51.net/tools/ cssyasuo.shtml

は、CSS コードの書式設定と CSS オンライン圧縮ツールを提供します。テスト後、頻繁に書式設定されるコードには、CSS 疑似クラスを記述するときにコロンが含まれることがあります。末尾に複数のスペースがあると、ルールが無効になります。したがって、それを実現するにはツールを使用することをお勧めします。 YUI Compressor、Closure Compiler、Google 製 JavaScript optimizer、CSSTidy などのオフラインツールの使用を推奨しており、オンラインで直接操作することで js だけでなく css も圧縮できます。

3、http://www.knowsky.com/tools/cssyouhua.asp

CSS コードの書式設定と CSS オンライン圧縮

4、 http://www.yubaibai.com.cn/css.html

オンライン CSS コード フォーマットおよび CSS オンライン圧縮コード ツールの紹介:
(1)読んでいる場合は、下の「フォーマット」をクリックして、圧縮されたタイトな CSS コードを読みやすく、1 行ずつ表示できる形式にフォーマットします。
(2) スペースを節約するには、下の「圧縮」をクリックしてフォーマットします。コードは 1 行ごとに表示されます。スペースを節約する形式に圧縮されます。

5、http://cssshrink.com/

CSS シュリンクは大幅に圧縮できます。 CSS のサイズ。多くの Web プログラマーによって作成された CSS コードには、冗長な構文、空白などがたくさんあります。このツールは、CSS の構文を最適化し、CSS の正確さに影響を与えることなく、無駄なスペースや空白行を削除できます。CSS 送信を大幅に圧縮します、帯域幅の無駄を大幅に削減します。

上記は、誰もが使いやすいように集められたいくつかの CSS 美化ツールです。関連するフロントエンドの知識については、PHP 中国語 Web サイトを参照してください: https://www.php.cn/

以上がいくつかの使いやすい CSS 最適化ツールの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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