Dreamweaver에서 인라인 CSS를 CSS 규칙으로 변환

마지막 업데이트 날짜 2021년 4월 27일

Dreamweaver에서 인라인 스타일을 CSS 규칙을 변환하여 CSS를 보다 산뜻하고 간결하게 만드는 방법을 살펴봅니다.

인라인 스타일은 권장하는 모범 사례가 아닙니다. CSS를 더 깔끔하고 체계적으로 만들려면 인라인 스타일을 문서의 헤드나 외부 스타일 시트에 있는 CSS 규칙으로 변환할 수 있습니다.

코드 보기([보기] > [코드])에서 변환하려는 인라인 CSS가 포함된 전체 스타일 속성을 선택하세요.

마우스 오른쪽 버튼을 클릭하고 [선택] > [인라인 CSS를 규칙으로 변환]을 선택합니다.

인라인 CSS 변환 대화 상자에서 새 규칙의 클래스 이름을 입력한 후 다음 중 하나를 수행합니다:
  • 새 CSS 규칙을 표시할 스타일 시트를 지정하고 [확인]을 클릭합니다.

  • 새 CSS 규칙을 표시할 위치로 문서의 헤드를 선택하고 [확인]을 클릭합니다.