새 CSS 규칙 만들기

CSS 규칙을 만들어 HTML 태그의 서식이나 class 속성으로 식별되는 텍스트 범위의 서식을 자동으로 적용할 수 있습니다.

새 CSS 규칙을 만들려면:

1. 문서에 삽입 포인터를 놓고 다음 중 한 가지를 수행하여 새 CSS 규칙 대화 상자를 엽니다.
   • CSS 스타일 패널(윈도우 > CSS 스타일)에서 오른쪽 아래에 있는 새 CSS 규칙(+) 버튼을 클릭합니다.
   • 텍스트 > CSS 스타일 > 새 CSS 규칙을 선택합니다.
2. 만들려는 CSS 스타일 유형을 정의합니다.
   • 일정한 범위 또는 텍스트 블록에 class 속성으로 적용할 수 있는 사용자 정의 스타일을 만들려면 클래스 옵션을 선택하고 이름 텍스트 상자에 스타일 이름을 입력합니다.

   중요

   클래스 이름은 마침표로 시작해야 하며 모든 문자와 숫자를 조합해서 사용할 수 있습니다(예: .myhead1). 이름을 마침표로 시작하지 않으면 자동으로 마침표가 입력됩니다.

   • 특정 HTML 태그의 기본 서식을 재정의하려면 태그 옵션을 선택한 다음, 태그 텍스트 상자에 HTML 태그를 입력하거나 팝업 메뉴에서 HTML 태그를 선택합니다.
   • 특정 태그 조합이나 특정 Id 속성이 들어 있는 모든 태그의 서식을 정의하려면 고급 옵션을 선택한 다음 선택기 텍스트 상자에 HTML 태그를 둘 이상 입력하거나 팝업 메뉴에서 HTML 태그를 선택합니다. 팝업 메뉴에서 사용할 수 있는 선택기(유사 클래스 선택기라고도 함)는 a:active, a:hover, a:link 및 a:visited입니다.
3. 스타일을 정의할 위치를 선택합니다.
   • 외부 스타일 시트를 만들려면 새 스타일 시트 파일을 선택합니다.
   • 현재 문서에 스타일을 포함시키려면 이 문서만을 선택합니다.
4. 확인을 클릭합니다.

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

5. 새 CSS 규칙에 설정할 스타일 옵션을 선택합니다.
6. 스타일 속성 설정이 끝나면 확인을 클릭합니다.

특정 CSS 스타일 설정에 대한 자세한 내용은 다음 항목을 참조하십시오.

• CSS 유형 속성 정의하기
• CSS 스타일 배경 속성 정의하기
• CSS 스타일 블록 속성 정의하기
• CSS 스타일 상자 속성 정의하기
• CSS 스타일 테두리 속성 정의하기
• CSS 스타일 목록 속성 정의하기
• CSS 스타일 배치 속성 정의하기
• CSS 스타일 확장 속성 정의하기

관련 항목

• CSS 스타일 패널 사용하기
• 클래스 스타일 적용하기
• CSS 규칙 편집하기

이 페이지에 의견 추가되면 전자 메일 알림 받기 | 의견 보고서

현재 페이지: http://livedocs.adobe.com/dreamweaver/8_kr/using/14_tex35.htm

의견 추가하기