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