CSS を記述する場合、メモ帳は最適ではないと思われるかもしれません。コーディングの効率を向上させる CSS 編集ツールはありますか?
TopStyle (クリックしてダウンロード: TopStyle V3.5 Beta 4) は私が使ってきた CSS 編集ツールで、最初はよく勉強せずに適当に使っていましたが、その後、内部の機能を詳しく調べてみると、次のことがわかりました。その機能は本当に強力です。
CSS を編集するときによく使用するショートカット キー:
テキスト注釈: Shift+Ctrl+M。
右インデント: Shift+Ctrl+。
左インデント: Shift+Ctrl+、
次の CSS: Ctrl+]
前の CSS: Ctrl+[
色の選択: Shift+Ctrl+C
保存後に元に戻す（Ctrl+Z）はできませんか？
オプションの場所: [オプション] -- [エディタ] -- [保存後の取り消し
を有効にする] を選択して、たとえば、「!i」と入力してスペースを押すと、TopStyle は自動的に「!i」を「!」に置き換えます。重要"
オプションの場所: [オプション] -- [エディタ] -- [自動置換] ショートカット入力を自分で追加することもできます。
ツリーCSS
CSSが多すぎて閲覧しづらいと感じることはありませんか？ TopStyle は、CSS コンテンツを非表示にしてセレクター名のみを表示する、非常に便利な短縮フォームを提供します。
オプションの場所: オプション -- エディタ -- ルールの折りたたみ [ルールの折りたたみを有効にする] を選択すると
、ショートカット メニューの [W3C CSS Validator] ボタンと [W3C HTML Validator] ボタンを 1 つだけで確認できるため、非常に便利です。クリック。
以下のスタイル シート クリーナーでは、独自の CSS 整理機能を備えた TopStyle を強く推奨します。スタイルスイーパー。 CSS を非常にきれいに標準化して整理できます。とても良い機能です。
オプションの場所: [ツール] -- [スタイル スイーパー
ルール] [ルール] パネル: [ルールの形式] 表示する単一行と複数行を設定できます。
結合ルールは、同じプロパティを持つ CSS を結合するかどうかを設定します。
セレクターセレクターパネル: Selector Case はセレクターの大文字と小文字を設定します。
セレクターの順序は、セレクターの並べ替え方法を設定します。
[プロパティ] パネル: [プロパティの大文字と小文字] は、プロパティの大文字と小文字を設定します。
プロパティの順序は、プロパティの順序を設定します。 短縮プロパティの省略プロパティ パネル: フォント、背景、マージン、およびパディングのプロパティを省略することを選択できます。
その他 その他のプロパティ パネル:
カラーフォーマット カラーフォーマット：16進数、RGB、カラー名などを選択できます。
ここまで述べてきましたが、私は皆さんが実際に CSS の能力を向上させ続けることを願っています。