CSS Designer는 스타일시트의 소스를 표시하므로 구문 강조표시, 컨텐츠 지원 및 미리보기 기능을 사용하여 스타일을 편집할 수 있습니다. HTML 파일에 스타일시트에 대한 링크가 있는 경우에 CSS Designer에서 수정한 사항이 Page Designer의 디자인 페이지에 즉시 적용됩니다.
selector { property : value; }다음 예제는 .css 파일에 나올 수 있는 단락에 대한 실제 스타일 정의입니다.
P { font-style : italic; font-size : x-small;}
미리보기는 소스 분할창 또는 스타일 보기를 사용하여 .css 파일을 수정하는 경우 자동으로 갱신됩니다.
CSS 소스 분할창에 있는 여러 가지 텍스트 편집 기능은 다음과 같습니다.
기능 | 설명 |
---|---|
구문 강조표시 | 태그 유형마다 서로 다르게 강조표시되므로 편집할 특정 유형의 태그를 쉽게 찾을 수 있습니다. 구문 강조표시는 구문 오류를 찾을 때도 유용합니다. |
무제한의 실행 취소 및 다시 실행 | 전체 편집 세션 동안 파일에 대해 수행한 모든 변경사항을 점층적으로 실행 취소하고 다시 실행할 수 있습니다. 텍스트의 경우에는 변경사항이 한 번에 한 문자씩이나 선택한 문자 세트씩 증분됩니다. |
컨텐츠 지원 | 컨텐츠 지원 기능을 사용하면 쉽게 태그 또는 코드 행을 완성하고 매크로를 삽입할 수 있습니다. 컨텐츠 지원 목록에서 사용할 수 있는 선택사항은 편집 중인 파일에 대해 지정된 태그 표준에서 정의한 태그에 따라 다릅니다. |
요소 선택사항 | 커서 위치에 따라, 요소 선택사항 표시기는 소스 페이지의 왼쪽 영역에 있는 수직 눈금자의 요소를 포함하는 행 번호를 강조표시합니다. |
팝업 메뉴 옵션 | 편집기의 팝업 메뉴에는 Workbench의 편집 메뉴에서 사용할 수 있는 것과 동일한 다양한 편집 옵션이 있습니다. |
CSS 편집기의 분할창 메뉴를 사용하면 소스 및 미리보기 분할창의 방향 및 상대 크기를 변경할 수 있습니다.