extractCSSはHTMLからid, classを一括抽出できるサービスです。 HTMLのコードを貼り付けると、タグに付けられたid, classを一覧で表示してくれます。 CSS形式で表示されるので、HTMLからCSSを書き起こすときに便利そう。 また、直接style属性で付加されている内容はそのままCSSとして出力されます。 以下に使ってみた様子を載せておきます。 まず「extractCSS」にアクセスしましょう。 左側のボックスにHTMLを貼り付けます。 その後、右側のメニューから「Extract」すればおしまい。 このようにHTML内のid, classをまとめてCSS形式で出力されます。 HTMLでベースを作ってからCSSでデザインをしたいときなどに便利。 ぜひウェブ制作の際に活用してみてください。
![HTML内のid, classを一括抽出してCSSを作ってくれるサイト「extractCSS」 : 二十歳街道まっしぐら](https://cdn-ak-scissors.b.st-hatena.com/image/square/3678a140f875c4da3a9b98e38f66364d8f06de0a/height=288;version=1;width=512/http%3A%2F%2F20kaido.com%2Farticle%2F2013%2F09%2F07%2F01.jpg)