CSS 재구성, 어떤 도구를 사용해야합니까?

Question

기존 CSS가 있으며이를 개선하기 위해 어떤 CSS 도구를 사용해야합니까?

이미 CSS가 많지만 총 개편을 원하는 기존 웹 응용 프로그램이 있습니다.

이렇게하는 방법에 대한 도구와 제안은 훌륭합니다.

Answer 1

최상의 옵션은 간단한 텍스트 편집기, 훌륭한 CSS 책 및 Google입니다.

풍자 또는 의도 된 사항이 없습니다. CSS를 개편하고 싶다면 CSS를 배우고 직접 작성하십시오. 어떤 도구도 손으로 작성한 CSS와 동일한 품질을 제공하지 않습니다.

Answer 2

브라우저에서 표준 텍스트 편집기와 새로 고침 버튼 만 사용해야한다고 생각합니다. Visual Studio는 CSS 스타일을 자동 완성하므로 도움이됩니다.

또는 당신이

Stylizer

처럼 뭔가를 시도 할 수 있지만 개인적으로 나는 그렇게 할 훌륭한 이유가없는 한 그 잔인 함이

Answer 3

나는 "총 개편을"하지 않을 것이라고 생각합니다. 즉, 구문 강조 (예 : intype) 및 firebug과 같은 표준 편집기 만 사용할 수 있습니다. 전염병과 같은 편집인을 피하십시오! 그들은 끔찍한 마크 업/CSS를 쓸 것이고, 길을 개척하면서 또 다른 일을하고 싶다는 자신을 발견하게 될 것입니다. 견고한 스타일 규칙을 작성하고 자세한 내용을 피하십시오.

firebug와 함께 작동하는 또 다른 흥미로운 firefox 플러그인은 firediff입니다. 이렇게하면 방화 광에서 변경 한 내용을 추적하여 프로젝트 파일로 옮길 수 있습니다.

지속적인 테스트를 위해 주요 브라우저 (Opera, Chrome, Firefox, Safari 및 IE7/8)를 서로 병렬로 열어 놓았습니다. "Firefox에서 작동시키고 IE에서 나중에 테스트 해보십시오."라고 말하는 일부 디자이너를 만날 것입니다.하지만 나는 그 말도 안되는 - 모든 것을 테스트합니다. 그 중 하나에 대한 솔루션을 찾아 낼 필요가 없습니다. 끝.

Answer 4

구문 강조 표시가있는 간단한 텍스트 편집기를 사용하십시오.

개체 지향 CSS를 읽으십시오. 이것에 대해

슬라이드 쇼 : http://www.slideshare.net/stubbornella/object-oriented-css

Answer 5

사용 파이어 폭스에 추가 "방화범"와 "웹 개발자"를 설치합니다. 현재 설정을 탐색해야 할 때 매우 유용합니다.

Firebug와 함께 "Inspect Element"기능을 사용하면 작은 변화를 신속하게 검사 할 수 있습니다.

좋은 시작을 위해 스타일 시트를 재설정 (검색)하십시오. 실제로 순수한 CSS 효과뿐만 아니라 콘텐츠의 의미를 찾으러 이동하십시오.

Answer 6

CSS 기반 레이아웃을 만들 때 Yaml을 사용하고 있습니다.기존 CSS 파일을 개조하는 "도구"가 아니지만 CSS로 플로팅 레이아웃을 디자인하기 위해 많은 예제와 미리 디자인 된 CSS 파일이 제공됩니다 (크로스 브라우저 작업 페이지를 얻기 위해 모든 브라우저 관련 해킹을 추가하는 데 도움이됩니다). 이것이 당신의 목적을 위해 재미있을 수 있는지 확실하지 않아, 다만보십시오.

Answer 7

구조적으로 960과 같은 표 레이아웃을 사용해 볼 수 있습니다.

CSS 프레임 워크를 사용하려는 경우 cssscaffold 또는 compass과 같은 것을 사용할 수 있습니다.

앞으로 "object oriented css"스타일을 시도해 보는 것이 좋습니다.

귀하의 원래 질문은 다소 구체적이지 않습니다.