코드 보기에서 이동할 규칙을 선택합니다. 선택 항목을 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 [선택] > [CSS 규칙 이동]을 선택합니다.
마지막 업데이트 날짜
2021년 4월 27일
Dreamweaver에서 CSS 규칙을 새 스타일 시트 또는 기존 스타일 시트로 이동, 내보내기 또는 재정렬합니다.
Dreamweaver의 CSS 관리 기능을 사용하면 CSS 규칙을 다른 위치로 쉽게 이동하거나 내보낼 수 있습니다. CSS 규칙을 문서 간, 문서 헤드에서 외부 스타일시트로, 외부 CSS 파일 간 등 다양한 위치로 이동할 수 있습니다.
메모
이동하려는 규칙이 대상 스타일시트의 규칙과 충돌하는 경우 Dreamweaver에서 동일한 이름의 규칙 존재 대화 상자를 표시합니다. 충돌하는 규칙을 이동하기로 선택하면 Dreamweaver가 이동된 규칙을 대상 스타일시트의 충돌하는 규칙 바로 옆에 배치합니다.
새 스타일 시트로 CSS 규칙 이동 또는 내보내기
메모
규칙의 일부를 선택하면 전체 규칙이 다시 배치됩니다.
[외부 스타일시트로 이동] 대화 상자에서 새 스타일시트 옵션을 선택하고 [확인]을 클릭합니다.
[스타일시트 파일 다른 이름으로 저장] 대화 상자에서 새 스타일시트의 이름을 입력하고 [저장]을 클릭합니다.
[저장]을 클릭하면 Dreamweaver가 선택한 규칙으로 새 스타일시트를 저장하고 현재 문서에 첨부합니다.
기존 스타일 시트로 CSS 규칙 이동 또는 내보내기
코드 보기에서 이동할 규칙을 선택합니다. 선택 항목을 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 [선택] > [CSS 규칙 이동]을 선택합니다.
메모
규칙의 일부를 선택하면 전체 규칙이 다시 배치됩니다.
[외부 스타일시트로 이동] 대화 상자에서 팝업 메뉴에서 기존 스타일시트를 선택하거나 기존 스타일시트를 찾아 [확인]을 클릭합니다.
메모
팝업 메뉴에는 현재 문서에 연결된 모든 스타일시트가 표시됩니다.
끌어서 CSS 규칙 재정렬 또는 이동
[CSS Designer] 패널([All] 모드)에서 규칙을 선택하고 원하는 위치로 끌어서 놓습니다. 규칙을 선택한 후 드래그하여 스타일 시트 내에서 재정렬하거나 다른 스타일 시트 또는 문서 헤드로 규칙을 이동합니다.
메모
Ctrl 키(Windows) 또는 Command 키(Macintosh)를 누른 상태에서 여러 규칙을 클릭하여 선택하면 한 번에 둘 이상의 규칙을 이동할 수 있습니다.
