HTML内のid, classを一括抽出してCSSを作ってくれるサイト「extractCSS」
HTMLからid, classを一括抽出
extractCSSはHTMLからid, classを一括抽出できるサービスです。
HTMLのコードを貼り付けると、タグに付けられたid, classを一覧で表示してくれます。
CSS形式で表示されるので、HTMLからCSSを書き起こすときに便利そう。
また、直接style属性で付加されている内容はそのままCSSとして出力されます。
以下に使ってみた様子を載せておきます。
HTMLのコードを貼り付けると、タグに付けられたid, classを一覧で表示してくれます。
CSS形式で表示されるので、HTMLからCSSを書き起こすときに便利そう。
また、直接style属性で付加されている内容はそのままCSSとして出力されます。
以下に使ってみた様子を載せておきます。
HTMLからCSSを作るときに便利
まず「extractCSS」にアクセスしましょう。
左側のボックスにHTMLを貼り付けます。
その後、右側のメニューから「Extract」すればおしまい。
このようにHTML内のid, classをまとめてCSS形式で出力されます。
HTMLでベースを作ってからCSSでデザインをしたいときなどに便利。
ぜひウェブ制作の際に活用してみてください。
左側のボックスにHTMLを貼り付けます。
その後、右側のメニューから「Extract」すればおしまい。
このようにHTML内のid, classをまとめてCSS形式で出力されます。
HTMLでベースを作ってからCSSでデザインをしたいときなどに便利。
ぜひウェブ制作の際に活用してみてください。
本記事で紹介したサイト
この記事をみた人はこんな記事も見ています
前後の記事もどうぞ
この記事をブックマーク/共有する
トラックバックURL
http://trackback.blogsys.jp/livedoor/kamekiti1115/7338732
このブログを購読しますか？
FeedlyなどのRSSリーダーを使うと、このブログの更新情報をいち早くキャッチできます。このブログのRSS（http://20kaido.com/index.rdf）を登録すれば、更新されるたびに概要（記事タイトル・冒頭）が手に入ります。
また、Twitterによる更新情報の配信もおこなっております。
@20kaido をフォローしていただければ最新の情報をお届けします。
さらに、Facebookでも更新情報を流しています。ファンページがありますので、「いいね！」するだけで購読できますよ！
また、Twitterによる更新情報の配信もおこなっております。
@20kaido をフォローしていただければ最新の情報をお届けします。
さらに、Facebookでも更新情報を流しています。ファンページがありますので、「いいね！」するだけで購読できますよ！
管理人へ連絡する・メール
20kaido@gmail.com
・Twitter
@kamekiti
・お問い合わせフォーム
http://ws.formzu.net/fgen/S70651833/
何か気になることがありましたら、お気軽にご連絡ください。
20kaido@gmail.com
@kamekiti
・お問い合わせフォーム
http://ws.formzu.net/fgen/S70651833/
何か気になることがありましたら、お気軽にご連絡ください。
記事公開日：2013年10月03日 コメント（0）
Twitterの声
はてなブックマークの声
Facebookの声
この記事についたコメント
コメントする
