2011-09-11 3 views
2

두 세트의 CSS 스타일로 플러그인 할 수있는 온라인 (또는 오프라인) 도구가 있습니까? 그 도구가 동등한 지 여부를 알려줍니다.CSS와 동일한 비교 또는 통합이 필요합니까?

/* style 1 */ 
margin: 0px 10px 20px 30px; 

/* style 2 */ 
margin-top: 0px; 
margin-right: 10px; 
margin-bottom: 20px; 
margin-left: 30px; 

이 도구는 이러한 스타일의 양을보고 그들이 동등한 의미를 것을 인식 할 것이다 : 스타일의 두 세트 주어진 예를 들어

.

저기 뭐든지 좋아하니?

답변

1

CSS를 보풀이 다른 스타일을 "일치"하지 않습니다,하지만 당신은 하나 하나를 업로드하고 결과를 비교할 수 있습니다. ....

http://www.cssdrive.com/index.php/main/csscompressor/
csstidy도 그 좋은하지만 심각하게 CSS를 보풀이 바위 : CSS의 보풀은 항상 분, 그들을 비교할 수 불쾌한 좋은 http://csslint.net/입니다. 그녀는 규칙을 따른다.

실제로 나는 CSS diff가 원하는 것이라고 생각합니다 : http://www.gordianlabs.com/blog/?p=9

0

웹킷 개발자 툴킷을 사용하면 짧은 형식으로 규칙을 축소하고 확장 할 수 있습니다 (존재하는 경우).

Safari 나 Chrome을 열고 마우스 오른쪽 버튼을 클릭하고 짧은 속성이있는 항목에서 "요소 검사 ..."를 선택하면 펼쳐진 속성이 표시됩니다.

a screenshot of this very page, showing the expanded short-hand rules for margin, padding and border