사용 안내서 취소

Dreamweaver에서 CSS 규칙 이동

 

 

참고:

Dreamweaver CC 이상에서 CSS 스타일 패널이 CSS Designer로 바뀌었습니다. 자세한 내용은 CSS Designer를 참조하십시오.

Dreamweaver의 CSS 관리 기능을 사용하여 CSS 규칙을 다른 위치로 쉽게 이동하거나 내보낼 수 있습니다. 문서 헤드에서 외부 스타일 시트로, 문서 간 또는 외부 CSS 파일 간 등에서 규칙을 이동할 수 있습니다.

참고:

이동하려는 규칙이 대상 스타일 시트의 규칙과 충돌하는 경우 Dreamweaver에서 [동일한 이름을 가진 규칙이 있습니다.] 대화 상자가 표시됩니다. 충돌하는 규칙을 이동하도록 선택한 경우 Dreamweaver에서는 대상 스타일 시트에 있는 충돌하는 규칙의 바로 옆에 이동한 규칙을 배치합니다.

새 스타일 시트로 CSS 규칙 이동 또는 내보내기

  1. 다음 중 하나를 수행합니다.
    • [CSS 스타일] 패널에서 이동할 규칙을 선택합니다. 선택 항목을 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 [CSS 규칙 이동]을 선택합니다. 여러 규칙을 선택하려면 Ctrl 키(Windows) 또는 Command 키(Macintosh)를 누른 상태에서 선택할 규칙을 클릭합니다.

    • 코드 보기에서 이동할 규칙을 선택합니다. 선택 항목을 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 [CSS 스타일] > [CSS 규칙 이동]을 선택합니다.

    참고:

    규칙의 일부를 선택하면 전체 규칙이 다시 배치됩니다.

  2. [외부 스타일 시트로 이동] 대화 상자에서 [새 스타일 시트] 옵션을 선택하고 [확인]을 클릭합니다.
  3. [스타일 시트 파일로 저장] 대화 상자에서 새 스타일 시트 이름을 입력하고 [저장]을 클릭합니다.

    [저장]을 클릭하면 Dreamweaver에서는 선택한 규칙과 함께 새 스타일 시트를 저장하고 해당 스타일 시트를 현재 문서에 연결합니다.

    참고:

    [코딩] 툴바를 사용하여 규칙을 이동할 수도 있습니다. [코딩] 툴바는 코드 보기에서만 사용할 수 있습니다.

기존 스타일 시트로 CSS 규칙 이동 또는 내보내기

  1. 다음 중 하나를 수행합니다.
    • [CSS 스타일] 패널에서 이동할 규칙을 선택합니다. 선택 항목을 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 [CSS 규칙 이동]을 선택합니다. 여러 규칙을 선택하려면 Ctrl 키(Windows) 또는 Command 키(Macintosh)를 누른 상태에서 선택할 규칙을 클릭합니다.

    • 코드 보기에서 이동할 규칙을 선택합니다. 선택 항목을 마우스 오른쪽 버튼으로 클릭하고 컨텍스트 메뉴에서 [CSS 스타일] > [CSS 규칙 이동]을 선택합니다.

    참고:

    규칙의 일부를 선택하면 전체 규칙이 다시 배치됩니다.

  2. [외부 스타일 시트로 이동] 대화 상자에서 기존 스타일 시트를 팝업 메뉴에서 선택하거나 기존 스타일 시트를 찾은 다음 [확인]을 클릭합니다.
    참고:

    팝업 메뉴에는 현재 문서에 연결된 모든 스타일 시트가 표시됩니다.

    참고:

    [코딩] 툴바를 사용하여 규칙을 이동할 수도 있습니다. [코딩] 툴바는 코드 보기에서만 사용할 수 있습니다.

CSS 규칙을 드래그하여 재정렬 또는 이동하기

  1. [CSS 스타일] 패널([모두] 모드)에서 규칙을 선택하여 원하는 위치로 드래그합니다. 규칙을 선택한 후 드래그하여 스타일 시트 내에서 재정렬하거나 다른 스타일 시트 또는 문서 헤드로 규칙을 이동합니다.
    참고:

    Ctrl 키(Windows) 또는 Command 키(Macintosh)를 누른 상태에서 여러 규칙을 클릭하여 선택하면 한 번에 둘 이상의 규칙을 이동할 수 있습니다.

이동 전에 여러 규칙 선택하기

  1. [CSS 스타일] 패널에서 Ctrl 키(Windows) 또는 Command 키(Macintosh)를 누른 상태에서 선택할 규칙을 클릭합니다.

쉽고 빠르게 지원 받기

신규 사용자이신가요?