드림위버 CC에서 CSS 규칙 정의 상자를 사용하는 방법

드림위버 CC에서 CSS 규칙 정의(CSS Rule Definition) 상자를 사용하는 방법

약간의 드림위버 사용법을 배우고자 『맛있는 드림위버 CS6』을 보면서 연습은 CC 버전을 사용하다 보니 버전의 차이로 하나의 불편이 생겼다. 바로 [CSS 규칙 정의(CSS Rule Definition)] 창을 열기가 CC 버전에서는 까다롭다는 것이다. 도움말을 보면 CSS 디자이너 패널에서 간단하게 편집하고자 하는 규칙을 더블클릭하면 [CSS 규칙 정의] 창이 떠야 하는데, 버그인지 안 된다.

위 사진처럼 눈에 보이는 규칙은 [속성] 패널의 [규칙편집]으로 해결되지만, 그렇지 않은 규칙은 속성 하나하나를 수작업으로 입력해줘야 하는 번거로움이 생긴다. 구글링해서 찾은 방법은 [Ctrl + Alt +Shift + P] 단축키로 CS6 패널을 불러오는 것 이었다.