CSS 코드뷰 (CSS Code View)

Code View를 이용하여 CSS 코드를 관리하는 방법 입니다. CSS 숙련도가 비교적 고급에 해당하는 사용자에게 권장되는 방법으로서 이 방법은 CSS 코드의 순서와 줄바꿈 규칙을 사용자 의도대로 정리할 수 있습니다. 또한 복잡한 선택자 사용 규칙등 여러줄의 코드를 한 눈에 볼 수 있기 때문에 숙련자는 매우 빠르게 코드를 생성하거나 관리 할 수 있게 됩니다.

Code View를 이용한 CSS 관리

Preferences-CSS Styles

Preferences > CSS Styles 항목에서 When double-clicking in CSS panel(CSS 패널을 더블 클릭했을 때 다음 명령에 따름) 항목 가운데 Edit using Code view(Code view를 이용하여 편집)을 선택 합니다.

CSS Styles Panel

현재 열려있는 페이지에서 편집하려고 하는 대상(엘리먼트, 이미지, 텍스트...)을 선택하면 CSS Styles 패널에는 위와같이 현재 선택물에 적용된 스타일만 정리해서 보여줍니다. 이것을 편집하려면 수정하고자 하는 속성이나 값을 더블클릭 합니다.

Code View

Code View 에 CSS 문서가 열리면서 해당 코드를 보여줍니다. CSS 코드를 직접 보면서 원하는 항목을 수정하거나 새로운 속성을 추가할 수 있습니다. 코드의 순서와 줄바꿈을 사용자가 직접 관리 합니다.

드림위버 CS3 버전에서는 CSS 코드의 줄바꿈 설정을 사용자 정의 할 수 있으므로 참조하세요.