[윈도우] > [CSS 스타일]을 선택하여 [CSS 스타일] 패널을 엽니다.
마지막 업데이트 날짜
2022년 11월 28일
참고:
Dreamweaver CC 이상에서 CSS 스타일 패널이 CSS Designer로 바뀌었습니다. 자세한 내용은 CSS Designer를 참조하십시오.
문서에 적용한 내부 및 외부 규칙을 모두 손쉽게 편집할 수 있습니다.
문서의 텍스트를 제어하는 CSS 스타일 시트를 편집하면 해당 CSS 스타일 시트에 의해 제어되는 모든 텍스트의 서식이 즉시 재적용됩니다. 외부 스타일 시트에서 편집한 내용은 해당 스타일 시트에 링크된 모든 문서에 적용됩니다.
스타일 시트를 편집하는 데 사용할 외부 편집기를 설정할 수도 있습니다.
CSS 스타일 패널에서 규칙 편집 (현재 모드)
-
-
[CSS 스타일] 패널 위쪽에 있는 [현재] 버튼을 클릭합니다.
-
현재 페이지에서 속성을 표시할 텍스트 요소를 선택합니다.
-
다음 중 하나를 수행합니다.
[선택 항목 요약] 창에서 속성을 더블 클릭하여 [CSS 규칙 정의] 대화 상자를 표시한 다음 변경합니다.
[선택 항목 요약] 창에서 속성을 선택한 다음 아래에 표시되는 속성 창에서 해당 속성을 편집합니다.
규칙 창에서 규칙을 선택한 다음 아래에 표시되는 속성 창에서 해당 규칙의 속성을 편집합니다.
참고:Dreamweaver 환경 설정을 변경하여 다른 비헤이비어뿐만 아니라 CSS 편집을 위한 더블 클릭 비헤이비어도 변경할 수 있습니다.
CSS 스타일 패널에서 규칙 편집 (전체 모드)
-
[윈도우] > [CSS 스타일]을 선택하여 [CSS 스타일] 패널을 엽니다.
-
[CSS 스타일] 패널 위쪽에 있는 [모두] 버튼을 클릭합니다.
-
다음 중 하나를 수행합니다.
[모든 규칙] 창에서 규칙을 더블 클릭하여 [CSS 규칙 정의] 대화 상자를 표시한 다음 변경합니다.
[모든 규칙] 창에서 규칙을 선택한 다음 아래에 표시되는 속성 창에서 해당 규칙의 [속성]을 편집합니다.
모든 규칙 창에서 규칙을 선택한 다음 CSS 스타일 패널의 오른쪽 아래 모서리에 있는 스타일 편집 버튼을 클릭합니다.
참고:Dreamweaver 환경 설정을 변경하여 다른 비헤이비어뿐만 아니라 CSS 편집을 위한 더블 클릭 비헤이비어도 변경할 수 있습니다.
CSS 선택기 이름 변경하기
-
[CSS 스타일] 패널([모두] 모드)에서 변경할 선택기를 선택합니다.
-
선택키를 다시 클릭하면 이름을 편집할 수 있습니다.
-
변경한 다음 Enter 키(Windows) 또는 Return 키(Macintosh)를 누릅니다.
