HTML "クリーンアップ"サービス：CSSルールへのインラインスタイル属性の変換

すべてのインラインスタイル= ""属性がCSSに変換されるように、HTMLコードを "クリーンアップ"できるサービスがあるのだろうか？それぞれのclass = ""属性に置き換えられます。私はこのコード（ファイル 'test.htmlという'）から取得したいのですが例えば：HTML "クリーンアップ"サービス：CSSルールへのインラインスタイル属性の変換

<!-- test.html --> 
<div style="width:600px;margin:auto;padding:10px 0px 10px;cursor:pointer;color:#336699;font-style:italic;font-size:18px;" 
       onClick="toggleText('addmessage')"> 
    <span style="border-bottom:1px dotted #336699;"> 
Add message</span> 
</div> 
<div id="addmessage" style="width:600px; margin:auto;padding:10px 0px 10px;display:none;"> 
... etc.

このようなsomethig：

<!-- test.html --> 
<div class="class_1" 
       onClick="toggleText('addmessage')"> 
    <span class="class_3"> 
     Add message</span> 
</div> 
<div id="addmessage" class="class_2"> 
... etc.

プラスCSSファイル：

<!-- style.css --> 
.class_1, .class_2 
{ 
    width:600px; 
    margin:auto; 
    padding:10px 0px 10px; 
} 

.class_1 
{ 
    cursor:pointer; 
    color:#336699; 
    font-style:italic; 
    font-size:18px; 
} 

.class_2 
{ 
    display:none; 
} 

class_3 
{ 
    border-bottom:1px dotted #336699; 
}

出典

2012-02-19 Placido