HTML "정리"서비스 : CSS 규칙으로 인라인 스타일 속성 변환

Question

모든 인라인 스타일 = ""CSS로 변환되도록 html 코드를 "정리"할 수있는 서비스가 있는지 궁금합니다. 규칙으로 대체하고 각각의 class = ""속성으로 대체합니다.

<!-- 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; 
} 

Answer 1

내가 좋아하는 것 예를 들어 이 코드 (파일 '인 test.html')에서 얻을 수 있습니다 http://www.tinytool.net/96002/inline_css_extractor