Dreamweaver에서 스타일을 편집하는 방법 - 인형

스타일 정의를 편집하여 Dreamweaver를 만든 후에 스타일을 변경할 수 있습니다. 이것은 계단식 스타일 시트의 가장 큰 장점 중 일부가 작용하는 곳입니다. 스타일을 변경하여 페이지 (또는 전체 웹 사이트)를 전체적으로 변경할 수 있습니다. 스타일을 편집하면 스타일을 사용하는 모든 요소에 자동으로 변경 내용이 적용됩니다.

외부 스타일 시트가 그토록 귀중한 이유 중 하나는 사이트의 또는 모든 페이지에 사용되는 스타일을 만들 수 있다는 것입니다. 그러나이 기능을 사용하면 문제가 발생할 수 있습니다. 새 페이지에서 스타일을 사용할 때 스타일을 편집하기로 결정한 경우 이미 스타일을 사용하고있는 모든 곳에서 서식을 변경한다는 것을 잊지 마십시오.

기존 스타일을 복제하고 새 이름을 부여한 다음 스타일 정의를 변경하여 새 스타일을 만들 수 있습니다. 이 시간 절약형 트릭은 기존 스타일과 비슷한 새로운 스타일을 만들 때 유용합니다.

기존 스타일 (클래스, 태그 또는 ID 선택기를 사용하여 만들 었는지 여부)을 편집하려면 다음 단계를 따르십시오.

1. 창 → CSS 스타일을 선택하여 CSS 디자이너 패널을 엽니 다.

2. CSS Designer Selectors 패널에서 기존 스타일의 이름을 선택합니다.

   스타일 규칙이 속성 패널에 표시됩니다.

   이미 Dreamweaver에서 페이지의 텍스트, 이미지 또는 기타 내용의 서식을 지정하는 데 사용 된 스타일을 편집하려면 해당 내용을 선택하십시오. 해당 내용에 적용된 스타일의 이름이 선택기 패널에 표시되어 쉽게 찾고 편집 할 수 있습니다.

3. 스타일 설정을 원하는대로 편집하십시오.

   • CSS 규칙 정의 대화 상자에서 스타일을 편집하는 경우 적용 버튼을 클릭하거나 확인을 클릭하면 변경 사항이 자동으로 적용됩니다.

   • 속성 패널에서 스타일 정의를 편집하면 패널의 서식 필드 외부를 클릭하거나 Return 키나 Enter 키를 누르는 즉시 변경 사항이 자동으로 적용됩니다.