비디오: Dreamweaver CC (드림위버) 로 시작하는 모바일 웹 제작 Part.1 인강 강좌 2025
스타일 정의를 편집하여 Dreamweaver를 만든 후에 스타일을 변경할 수 있습니다. 이것은 계단식 스타일 시트의 가장 큰 장점 중 일부가 작용하는 곳입니다. 스타일을 변경하여 페이지 (또는 전체 웹 사이트)를 전체적으로 변경할 수 있습니다. 스타일을 편집하면 스타일을 사용하는 모든 요소에 자동으로 변경 내용이 적용됩니다.
외부 스타일 시트가 그토록 귀중한 이유 중 하나는 사이트의 또는 모든 페이지에 사용되는 스타일을 만들 수 있다는 것입니다. 그러나이 기능을 사용하면 문제가 발생할 수 있습니다. 새 페이지에서 스타일을 사용할 때 스타일을 편집하기로 결정한 경우 이미 스타일을 사용하고있는 모든 곳에서 서식을 변경한다는 것을 잊지 마십시오.
기존 스타일을 복제하고 새 이름을 부여한 다음 스타일 정의를 변경하여 새 스타일을 만들 수 있습니다. 이 시간 절약형 트릭은 기존 스타일과 비슷한 새로운 스타일을 만들 때 유용합니다.
기존 스타일 (클래스, 태그 또는 ID 선택기를 사용하여 만들 었는지 여부)을 편집하려면 다음 단계를 따르십시오.
-
창 → CSS 스타일을 선택하여 CSS 디자이너 패널을 엽니 다.
-
CSS Designer Selectors 패널에서 기존 스타일의 이름을 선택합니다.
스타일 규칙이 속성 패널에 표시됩니다.
이미 Dreamweaver에서 페이지의 텍스트, 이미지 또는 기타 내용의 서식을 지정하는 데 사용 된 스타일을 편집하려면 해당 내용을 선택하십시오. 해당 내용에 적용된 스타일의 이름이 선택기 패널에 표시되어 쉽게 찾고 편집 할 수 있습니다.
-
스타일 설정을 원하는대로 편집하십시오.
-
CSS 규칙 정의 대화 상자에서 스타일을 편집하는 경우 적용 버튼을 클릭하거나 확인을 클릭하면 변경 사항이 자동으로 적용됩니다.
-
속성 패널에서 스타일 정의를 편집하면 패널의 서식 필드 외부를 클릭하거나 Return 키나 Enter 키를 누르는 즉시 변경 사항이 자동으로 적용됩니다.
-
