CSS 편집기

업데이트: 2007년 11월

기본적으로 외부 CSS 스타일시트는 CSS 편집기에서 열립니다. 태그에 스타일 규칙을 직접 입력하여 스타일 규칙을 추가할 수도 있고, 스타일 작성...을 클릭하고 스타일 수정 대화 상자에서 옵션을 선택하여 자동으로 스타일 규칙을 생성하고 문서에 해당 구문을 삽입하는 방법으로 스타일 규칙을 추가할 수도 있습니다.

CSS 편집기를 열려면

1. Visual Web Developer의 도구 메뉴에서 옵션을 클릭합니다.

   옵션 대화 상자가 열립니다.

2. 옵션 대화 상자의 왼쪽 창에서 텍스트 편집기 노드, CSS 노드를 차례로 확장한 다음 탭을 클릭합니다.

   환경 설정을 웹 개발용으로 구성한 경우 모든 설정 표시 확인란을 선택하지 않으면 텍스트 편집기 노드를 사용할 수 없습니다. 환경 설정에 대한 자세한 내용은 방법: 선택 설정 변경을 참조하십시오.

참고:
모든 설정 표시 확인란이 선택되어 있는 경우 표시되는 HTML 디자이너 노드에서 추가 CSS 옵션을 확인할 수 있습니다.

스타일시트에 대한 자세한 내용은 CSS 작업 개요를 참조하십시오.

작업

• CSS 작업 개요
  Visual Web Developer에서 CSS로 작업하는 방법에 대해 간단히 설명합니다.

• 연습: CSS 파일 만들기 및 수정
  Visual Web Developer의 기능을 사용하여 CSS 파일을 만들고 수정하는 방법을 보여 줍니다.

• 방법: CSS 속성 창 사용
  CSS 속성 창을 사용하여 CSS 스타일로 작업하는 방법을 보여 줍니다.

• 방법: 스타일 적용 및 스타일 관리 창 사용
  스타일 적용 및 스타일 관리 창을 사용하여 CSS 스타일로 작업하는 방법을 보여 줍니다.

관련 단원

• 옵션 대화 상자, 텍스트 편집기, CSS, 탭
  CSS 편집기 탭 옵션 설정에 대해 설명합니다.

• 옵션 대화 상자, 텍스트 편집기, CSS, 일반
  CSS 편집기 일반 옵션 설정에 대해 설명합니다.

• 옵션 대화 상자, 텍스트 편집기, CSS, 서식
  CSS 편집기 서식 옵션 설정에 대해 설명합니다.

• 연습: CSS 파일 만들기 및 수정
  스타일 블록에 CSS 스타일 규칙 정의, CSS 스타일 규칙의 우선 순위, CSS 스타일 클래스에 HTML 요소 할당 및 외부 CSS 스타일시트에 대해 설명합니다.