TopStyle Pro を使用するためのヒント

TopStyle Pro は CSS デザインに焦点を当てた補助ツールであり、多機能であり、記述ミスの可能性を減らすための CSS コードチェック機能が付属しています。特に、ヘルプ ファイル内の CSS 命令の詳細な紹介は、リファレンス ドキュメントとして使用したり、CSS を初めて使用する人が学習したりするのに非常に適しています。 TopStyle Pro の使用スキルを紹介しましょう:

テキスト注釈: Shift Ctrl M

右へのインデント: Shift Ctrl.

左へのインデント: Shift Ctrl ,

次の CSS: Ctrl ]

前の CSS: Ctrl [

色の選択: Shift Ctrl C

(Ctrl Z ) を保存した後は元に戻すことはできません

変更しました~

オプションの場所: オプション -- エディタ -- 保存後に元に戻すを有効にするを選択します

自動的に置き換えます

たとえば、「!i」と入力してスペースを押すと、TopStyle は自動的に「!i」を「! important」に置き換えます。

オプションの場所: [オプション]--[エディタ]--[自動置換] を実行することもできます。自分でショートカット入力を追加します。

ツリー CSS

CSS が多すぎて参照できないと感じることがありますか? TopStyle には、CSS コンテンツを非表示にしてセレクター名のみを表示する省略形が用意されています。とても便利です。

オプションの場所: オプション -- エディタ -- ルールの折りたたみ ショートカット メニューで [ルールの折りたたみを有効にする]

クイック検証

W3C CSS Validator を選択します。 W3C HTML Validator ボタンは編集後にワンクリックで検証に合格したかどうかがわかるのでとても便利です。

スタイル スイーパー

以下は、TopStyle の組み込み CSS 整理機能であるスタイル スイーパーに関する大きな推奨事項です。 CSS を非常にきれいに標準化して整理できます。とても良い機能です。

オプションの場所: [ツール] -- [スタイル スイーパー]

[ルール] [ルール] パネル: [ルール形式] で単一行と複数行の表示を設定できます。結合ルールは、同じプロパティを持つ CSS を結合するかどうかを設定します。

セレクター セレクターパネル:セレクターケース セレクターの大文字と小文字を設定します。セレクターの順序は、セレクターの並べ替え方法を設定します。

プロパティプロパティパネル：プロパティの大文字小文字 プロパティの大文字と小文字を設定します。プロパティの順序は、プロパティの順序を設定します。

短縮プロパティの省略プロパティ パネル: フォント、背景、マージン、およびパディングのプロパティを省略することを選択できます。

その他 その他の属性パネル: カラーフォーマット カラーフォーマット: 16 進数、RGB、カラー名などを選択できます。