Adobe Dreamweaver CS6에서 새 태그 스타일을 만드는 방법 - 태그 스타일을 만드는 인형

Adobe Dreamweaver CS6에서 태그 스타일 (또는 유형 선택기 )을 만드는 것은 신규 사용자가 CSS를 이해하기 쉽고 간단하고 안전한 방법입니다. P, H1 및 H2와 같은 기존 HTML 태그를 대상으로합니다.

페이지에서 기존 태그를 사용하면 특정 HTML 태그가 사용되는 모든 위치에서 자동 서식을 적용하도록 선택할 수 있습니다. 예를 들어,

(Heading 1) 태그 안의 텍스트를 자동으로 굵게, 36 픽셀 및 빨간색으로 만들 수 있습니다.

속성 관리자로 태그 스타일을 만들려면 다음 단계를 수행하십시오.

1. 텍스트가 포함 된 HTML 페이지를 엽니 다.

2. 속성 관리자에서 패널의 왼쪽에있는 HTML 버튼을 클릭하여 속성 관리자를 HTML보기로 표시합니다.

3. 속성 관리자에있는 B 버튼을 클릭하여 텍스트 행을 선택하고 굵게 표시합니다.

4. 패널의 맨 왼쪽에있는 CSS 버튼을 클릭하여 속성 관리자의 CSS보기로 전환합니다.

   목표는 텍스트를 굵게 표시하는 태그에 최종 스타일 정보를 지정하여 페이지의 굵은 글씨도 빨간색으로 표시되도록하는 것입니다.

5. 굵은 텍스트를 선택한 상태로두고 속성 관리자에서 대상 규칙 드롭 다운 목록을 선택합니다.

6. 텍스트를 선택한 상태에서 속성 관리자의 오른쪽에있는 색상 선택기 (B 및 I 버튼 아래에 있음)를 사용하여 선택한 굵은 텍스트에 적용 할 빨간색 색상을 선택합니다.

   새 CSS 규칙 대화 상자가 나타납니다.

   

7. 선택기 유형 드롭 다운 목록에서 태그 (HTML 요소 다시 정의)를 선택합니다. Selector Name 드롭 다운 목록에서 Strong을 선택하십시오. 규칙 정의 드롭 다운 목록에서 (이 문서 만)을 선택하십시오.

   선택기 유형은 페이지에서 선택한 HTML 태그에 서식을 적용하는 방법을 결정합니다. 태그 스타일은 해당 요소가 페이지에 나타날 때마다 자동으로 적용됩니다.

8. 확인을 클릭하여 새 태그 스타일을 만들고 패널을 닫습니다.

   이제 태그를 적용하여 B 버튼이나 다른 바로 가기를 사용하여 굵은 텍스트를 만들 때마다 그 굵은 텍스트도 빨간색으로 표시됩니다. 문서에 언제든지 굵은 텍스트가 나타나는 방식을 결정하는 태그 스타일을 만들었습니다.

굵은 텍스트를 선택하고 속성 관리자에서 텍스트 속성을 계속 수정하여이 새 태그 스타일을 더 세분화 할 수 있습니다.

생성 한 규칙을 편집하고 미세 조정하려면 대상 규칙 드롭 다운 목록 아래에있는 규칙 편집 버튼을 클릭하여 CSS 규칙 정의 대화 상자를 엽니 다. 이 대화 상자는 기본적으로 유형 카테고리로 열립니다. 여기서 유형 관련 속성을 수정할 수 있습니다.

태그 스타일을 미세 조정했으면 대화 상자 하단의 적용을 클릭하여 변경 사항을 확인하십시오. 확인을 클릭하여 변경 사항을 적용하고 대화 상자를 종료 할 수도 있습니다.