비디오: 01 brackets [브라켓] 에디터, 확장프로그램 설치 및 사용법 2025
Dreamweaver 작업 영역 아래쪽에서 액세스 할 수있는 속성 관리자는 페이지의 선택된 요소에서 사용할 수있는 속성을 표시합니다. 따라서 이미지가 선택 될 때와 텍스트가 선택 될 때와 같은 속성 관리자의 옵션이 다릅니다.
아무 것도 선택되지 않거나 페이지에서 텍스트를 선택하면 속성 관리자가 HTML과 CSS의 두 섹션으로 나뉩니다.
속성 관리자의 왼쪽에있는 버튼을 사용하면이 두 모드를 쉽게 전환 할 수 있습니다.
CSS와 HTML을 처음 접한다면이 두 모드의 차이를 이해하는 것이 다소 혼란 스러울 수 있습니다. 기본적으로 HTML 모드에서 굵게 표시되는 것과 같은 서식 지정 아이콘을 사용하면 Dreamweaver에서 HTML 태그가 추가되어 대부분의 웹 브라우저에서 텍스트가 굵게 표시됩니다. CSS 모드에서 동일한 아이콘을 사용하면 Dreamweaver에서 자동으로 굵게 서식 옵션이 포함 된 스타일 규칙을 만듭니다.
CSS 모드에서는 기존 스타일을 편집하여 페이지의 텍스트, 이미지 또는 기타 요소에 이미 적용된 스타일에 새 서식 옵션을 추가 할 수도 있습니다. [대상 규칙] 드롭 다운 목록에서 스타일을 선택한 다음 속성 관리자의 글꼴, 크기 및 기타 필드를 사용하여 변경하거나 추가 할 수 있으므로 기존 스타일을 편집 할 수 있습니다.
페이지의 요소에 이미 적용된 기존 스타일을 편집 할 때마다 스타일에 대한 변경 사항이 스타일이 사용되는 모든 위치에 자동으로 적용됩니다. 이 기능은 한 번에 여러 항목을 변경하려는 경우에 유용하지만 제목 (예: 제목)을 한 페이지에서 다른 방법으로 표시하려는 경우 문제가 될 수 있습니다.
스타일을 만들거나 편집하려면 항상 CSS 모드에서 속성 관리자를 사용하십시오. 반면에 페이지의 요소에 기존 스타일을 적용하려면 HTML 모드인지 확인하십시오. 예를 들어 이미지를 클래스 스타일과 정렬하거나 ID 스타일을 태그에 적용하려면 HTML 모드 여야합니다.
HTML 모드에서 스타일을 적용하려면 스타일을 적용 할 페이지에서 이미지, 텍스트 또는 기타 요소를 선택한 다음 클래스 또는 ID 드롭 다운 목록을 사용하여 스타일을 선택하십시오. Dreamweaver에서 자동으로 적용됩니다.
마찬가지로
태그와 같은 HTML 태그를 적용하려면 HTML 모드 여야합니다. 그러나 CSS 모드에서
태그에 대한 CSS 규칙을 만들거나 편집하십시오. 물론 속성 관리자로 스타일을 만들거나 편집 할 필요가 없습니다.이것을 바로 가기 방법이라고 생각하십시오. CSS 디자이너 패널을 사용하여 스타일을 크게 변경하는 것이 더 좋습니다.
