webds012の倉庫

ホームページ作成ソフトにはCSSエディタ機能がついていますが、テキストエディタでサイト作成をしている方におすすめのCSSエディタをご紹介します。

StyleNote（Vector様紹介ページ）

使い方１
スタイル記述したい個所で右クリックするとメニューリストが表示されるので選択します。


値を入力する必要がある要素の場合は値入力ボックスが出るので入力（選択）します。


そうするとカーソルのあった場所に
body{
margin-right:10px;
}
みたいに入力されます。

使い方その2
スタイル記述したい個所をクリックした状態で画面左側に表示されるスタイルインスペクタのリストから入力したい要素を選択して値を入力（選択）。


そうするとこんなふうに選択した要素が追加されます。
body{
margin-right:10px;
border-style:hidden;
}

CSSの理屈はわかっているけれど要素が覚えられなくていつも調べながら入力してる方とかmarginとpaddingがごちゃまぜになってしまう方とかにおすすめしています。

StyleNote作者様のページ
http://sn.lowedge.com/