StyleNoteにはCSSの入力をサポートする仕組みが豊富に用意されています。
CSSセレクターを作る
- ダイアログで全体を作る
既存のCSSセレクターに属性/属性値を追加する
- スタイルインスペクタ-を利用する(マウス操作メイン)
- タグアナライザーを利用する(マウス右クリックメニュー)
- スマートエディットを利用する(キーボード操作メイン)
既存のCSSセレクターの属性/属性値を編集する
- スタイルインスペクタ-を利用する(マウス操作メイン)
- タグアナライザーを利用する(マウス右クリックメニュー)
- スマートエディットを利用する(キーボード操作メイン)
- ホイールインプットを利用する(属性値のみ)
特定のHTMLタグに適用されているCSSを編集する
- スタイルルーペを利用する
キャレット位置のHTML階層を確認する
- キャレット位置情報機能を利用する
HTMLファイル内で利用されているCLASS/IDが定義されているか確認する
- CLASS&IDの検証を利用する
HTMLファイル内で参照されているCLASS/IDの一覧を確認する
- クラスファインダーを利用する
CSSセレクターをフォーマットする
- ソースフォーマットの適用を利用する