차례:
- 1 HTML 페이지를 엽니 다.
- 2 속성 관리자 패널에서 HTML 버튼을 클릭합니다.
- 3 텍스트 줄을 선택하십시오.
- 4 CSS보기로 전환합니다.
- 5 새 CSS 규칙을 시작하십시오.
- 선택한 텍스트에 색상을 적용합니다.
- 7 새 CSS 규칙 대화 상자가 나타납니다.
- 8 확인을 클릭하여 새 태그 스타일을 만들고 패널을 닫습니다.
비디오: [어도비] 드림위버 CS6에서 CSS 전환 효과 만들기 2024
태그 또는 요소를 만드는 것은 새로운 Adobe Creative Suite 5 (Adobe CS5) Dreamweaver 사용자는 CSS를 이해합니다. Dreamweaver를 사용하면 P, H1 및 H2와 같은 기존 HTML 태그를 사용할 수 있습니다. 페이지 및 속성 관리자에서 기존 요소 태그를 사용하면 특정 HTML 태그가 사용될 때마다 자동 서식을 적용하도록 선택할 수 있습니다.
1 HTML 페이지를 엽니 다.
텍스트가 포함 된 텍스트를 선택하십시오.
2 속성 관리자 패널에서 HTML 버튼을 클릭합니다.
버튼은 패널의 왼쪽에 있습니다. 속성 관리자가 HTML보기로 표시됩니다.
3 텍스트 줄을 선택하십시오.
속성 관리자에있는 B 버튼을 사용하여 선택한 텍스트를 굵게 표시합니다.
4 CSS보기로 전환합니다.
속성 관리자 패널의 맨 왼쪽에있는 CSS 버튼을 클릭합니다.
목표는 텍스트를 굵게 표시하는 태그에 최종 스타일 정보를 지정하여 페이지의 굵은 글씨도 빨간색으로 표시되도록하는 것입니다.
5 새 CSS 규칙을 시작하십시오.
굵은 텍스트를 선택한 상태로두고 속성 관리자에서 대상 규칙 드롭 다운 목록을 선택합니다.
선택한 텍스트에 색상을 적용합니다.
텍스트를 선택한 상태에서 속성 관리자의 오른쪽에있는 색상 선택기 (B 및 I 버튼 아래에 있음)를 사용하여 선택한 굵은 텍스트에 적용 할 빨간색 색상을 선택합니다.
7 새 CSS 규칙 대화 상자가 나타납니다.
선택기 유형 드롭 다운 목록에서 태그 (HTML 요소 다시 정의)를 선택합니다. Selector Name 드롭 다운 목록에서 Strong을 선택하십시오. 규칙 정의 드롭 다운 목록에서 (이 문서 만)을 선택하십시오.
선택자 유형은 페이지의 요소에 서식을 적용하는 방법을 결정합니다. 태그 스타일은 특정 HTML 태그로 포맷 된 요소의 모양을 변경합니다.
8 확인을 클릭하여 새 태그 스타일을 만들고 패널을 닫습니다.
이제 태그를 적용하여 B 버튼이나 다른 바로 가기를 사용하여 굵은 텍스트를 만들 때마다 그 굵은 텍스트도 빨간색으로 표시됩니다. 문서에 언제든지 굵은 텍스트가 나타나는 방식을 결정하는 태그 스타일을 만들었습니다.
