HTMLコードをコピペするだけでCSSを書き出すWebサービス 『extractCSS』

HTMLコードをコピペするだけでCSSを

書き出してくれる「extractCSS」

CLASSやIDなどを自動で認識して

CSSコードを出力、書き忘れなどが減ります。

extractCSS リンク先はこちらから

左側ペインにHTMLコードを記述するか

貼り付けます。

記述はカーソルが少し見えにくいので

エディタなどで書いてからコピペが簡単です。

画面上部のExtract!というボタンを

押すとCSS出力してくれます。

長いHTMLコードなどになると

ついつい指定し忘れたり

IDやCLASSが間違って指定したりなどがあるので

非常に便利です。

ただしDIV内のクラスなど

div.div1 .danraku

要素まで考慮されたCSSは作成されないみたいなので

同じようなクラス名などを使う場合には注意が必要かも

知れません。

ちょっとしたHTMLを一から書き出す場合などには

とても便利なWebツールです。