새 스타일 및 스타일 수정 대화 상자

게시: 2016년 4월

새 스타일 및 스타일 수정 대화 상자에서는 CSS 스타일 특성을 정의하고 수정할 수 있는 옵션을 제공합니다. CSS 스타일은 개별 서식 및 위치 특성을 동시에 적용할 수 있도록 하나의 특성 집합으로 결합합니다.

새 스타일 대화 상자는 두 개의 창으로 구분되어 있습니다. 위쪽 창을 사용하면 스타일이 정의된 위치를 선택하고 요소 또는 클래스 스타일을 적용할 수 있습니다. 아래 구역 창은 9개의 일반 범주(글꼴, 블록, 배경, 테두리, 상자, 위치, 레이아웃, 목록 및 테이블)를 나열합니다. 범주를 선택하면 아래쪽 창에 선택한 범주에 대한 옵션이 표시됩니다. 스타일 옵션을 선택하면 새 스타일 대화 상자에서 자동으로 CSS 스타일 정의를 만듭니다.

스타일 수정 대화 상자의 옵션은 새 스타일 대화 상자의 아래쪽 창에 있는 옵션과 대응합니다. 스타일 수정 상자는 스타일 시트를 편집할 때 사용할 수 있습니다. 새 스타일 상자는 HTML 또는 ASP.NET 페이지를 편집할 때 사용할 수 있습니다.

새 스타일 대화 상자

새 스타일 대화 상자를 열고 스타일을 정의하려면

1. 주 메뉴에서 서식을 클릭한 다음 새 스타일을 클릭합니다.

   새 스타일 대화 상자가 나타납니다.

2. 선택기 드롭다운 목록에서 HTML 요소를 선택하거나 스타일 정의를 포함하는 클래스의 이름을 입력합니다.

   클래스 이름 앞에는 반드시 마침표(.)가 와야 합니다.

3. 정의 위치 드롭 다운 목록에서 현재 웹 페이지, 웹 사이트에 추가할 새 스타일시트 또는 기존 스타일시트에 스타일을 정의하려면 선택합니다. 현재 웹 페이지에 정의된 스타일은 해당 페이지 내의 요소에만 적용할 수 있습니다. 외부 스타일시트에서는 둘 이상의 웹 페이지의 공통된 모양을 정의할 수 있습니다.

   기존 스타일 시트를 선택한 경우 URL 텍스트 상자의 위치를 정의합니다.

4. 스타일 속성을 사용하여 웹 페이지에 현재 선택한 항목을 표시하려면 선택한 문서 영역에 새 스타일 적용 확인란을 선택합니다.

5. 왼쪽 창에서 CSS 스타일 특성을 정의할 옵션을 선택합니다.

스타일 수정 대화 상자

스타일 수정 대화 상자를 열려면

• 다음 작업 중 하나를 수행합니다.

  • 편집기에서 스타일시트를 마우스 오른쪽 단추로 클릭한 다음 바로 가기 메뉴에서 스타일 작성을 선택합니다.

  • 스타일시트 도구 모음에서 스타일 작성을 선택합니다.

  스타일 수정 대화 상자가 표시됩니다.

  이 대화 상자의 옵션은 새 스타일 대화 상자의 아래쪽 창에 있는 옵션과 동일합니다.

작업

Walkthrough: Basic HTML Editing in Visual Studio for Web Forms Pages

Walkthrough: Creating and Modifying a CSS File

UI 요소

참고 항목

Working with CSS Overview