これは、Ubuntu Online、Fedora Online、Windows オンライン エミュレーター、MAC OS オンライン エミュレーターなどの複数の無料オンライン ワークステーションの XNUMX つを使用して、OnWorks 無料ホスティング プロバイダーで実行できるコマンド csstidy です。
プログラム:
NAME
csstidy - CSS パーサーおよびオプティマイザー
SYNOPSIS
CSSTIDY 入力ファイル [オプション] [出力ファイル]
DESCRIPTION
CSSTIDY(1) コマンドは、次のように指定された CSS ファイルを解析して最適化します。 入力ファイル。 いいえの場合
出力ファイル を指定すると、結果が標準出力に表示されます。 各種オプション
可読性のレベル、ファイル サイズ、その他の項目をきめ細かく制御できます。
ファイル名「-」を使用すると、csstidy は標準入力から読み取ります。 ほとんどの場合、おそらく見つかるでしょう
csstidy のデフォルトは合理的であり、ほとんどの状況に適用できます。
csstidy は CSS バリデーターとして設計されていないことに注意してください。 入力するだけでいいのですが、
有効な (またはむしろ整形式の) コードであれば、csstidy も間違ったコードを解析して修正します。
例
CSS ファイルを最適化し、出力を画面に送信するには、次のコマンドを使用します。
csstidy mycssfile.css
出力をファイルに保存する場合は、次を使用します。
csstidy mycssfile.css myoutputfile.css
オプションを使用してファイルに出力したい場合は、次を使用します。
csstidy mycssfile.css -- lowercase_s=true myoutputfile.css
OPTIONS
--allow_html_in_templates=[false|true]
デフォルト = false
--case_properties=[false|true]
プロパティの場合。 デフォルト = false。
--compress_colors=[true|false]
true に設定すると、csstidy はバイト (つまり黒) を節約しようとして色の値を最適化します。
#000になります)。 デフォルト = true。
--compress_font-weight=[true|false]
true に設定すると、csstidy はバイト数を節約しようとしてフォント値を最適化します (つまり、通常の
400になります)。 デフォルト = true。
--discard_invalid_properties=[false|true]
true に設定すると、csstidy は無効なプロパティを削除します。 ある意味これは似たようなものだ
ただし、出力を調べない限り警告は表示されません。 例として、次の場合
プロパティ「width」のスペルを「with」と間違えた場合、そのプロパティは単に削除されます。
デフォルト = false。
-- lowercase_s=[false|true]
true に設定すると、すべての大文字セレクター (A、P、SPAN) が次のように書き換えられます。
小文字。 デフォルト = false。
--preserve_css=[false|true]
これを false に設定すると、すべてのコメントとブラウザ固有のハッキングのほとんどが削除されます。
これを true に設定すると、ブラウザー固有のハックが保持されます。 デフォルト = false。
--remove_bslash=[true|false]
不要なバックスラッシュを削除します。 これは状況に応じて望ましい場合と望ましくない場合があります。
w3c に準拠していないブラウザに対応するためにバックスラッシュを使用したかどうか
規格。 デフォルト = true。
--remove_last_;=[false|true]
デフォルト = false。
--silent=[false|true]
true に設定すると、csstidy は最適化に関する情報を出力しません。
あらかじめ形成された。 デフォルト = false。
--sort_properties=[false|true]
セレクターのプロパティ (背景、色、幅など) を並べ替えます。 デフォルト = false。
--sort_selector=[false|true]
セレクターを並べ替えます。 これは注意して使用してください。
ファイル内のレイアウトはユーザーが書き込んだ可能性があり、CSS は順序に影響されます。
ID、クラス、セレクターの順にソートします。 デフォルト = false。
--timestamp=[false|true]
true に設定すると、コメントで囲まれたタイムスタンプが出力の先頭に追加されます。 デフォルト =
偽。
--merge_selector=[2|1|0]
セレクター (ID とクラスを含む) が同一のプロパティを持つ場合、csstidy は
それらをマージします。 2 に設定すると、高度なマージが行われることを表します。 0はいいえを表します
合併中。 デフォルト = 2。
--optimise_shorthands=[1|2|0]
2 に設定すると、csstidy はすべての最適化を呼び出します。 0 は最適化がないことを表し、
1 安全なレベルの最適化。 デフォルト = 1。
--template=[デフォルト|ファイル名|低|高|最高]
削除される空白の量に影響し、最終的には出力の読みやすさに影響します。
CSS ハック
以下は、csstidy によってデフォルトで変更されないすべての CSS ハックのリストです。
「CSS を保持」を有効にすると、より多くのハックが保存されます。 一般に、なしで行う必要があります
とにかく CSS ハックですが、それらが必要で csstidy を使用したい場合は、次のいずれかを使用する必要があります。
次のハッキング:
p\プロパティ:値; (不要なバックスラッシュの削除を無効にした場合のみ)
div#test
head:first-child+body div
ボディ>ディビジョン
html[xmlns] div
@import "null?\"\\{"; @import "styles.css"; (および他のすべての @import ルール)
@media すべての{/\* ルール \*/}
* html div
i\{コンテンツ:"\"/*"\} div\{プロパティ:値\}
html*#test
_プロパティ:値
onworks.net サービスを使用してオンラインで csstidy を使用する