다음 중 하나를 수행합니다.
- [파일] > [페이지 속성] 클릭
- [창] > [페이지 속성]을 클릭하고 텍스트 속성 관리자에서 [페이지 속성]을 클릭합니다.
마지막 업데이트 날짜
2021년 4월 27일
CSS 머리글 속성 및 CSS 링크 속성을 설정하고 페이지에서 모든 머리글과 링크에 적용하는 방법에 대해 학습합니다.
페이지 머리글에서 글꼴, 글꼴 크기 및 색상을 지정할 수 있습니다. 기본적으로 Dreamweaver는 머리글에 대한 CSS 규칙을 만들고 사용자가 페이지에서 사용하는 모든 머리글에 적용합니다. 규칙은 페이지의 head 섹션에 포함되어 있습니다.
CSS 제목 속성 적용하기:
[페이지 속성] 패널에서 머리글(CSS)을 선택합니다. 다음과 같은 옵션을 구성할 수 있습니다.
- 머리글 글꼴: 머리글에 사용할 기본 글꼴군을 지정합니다. Dreamweaver에서는 텍스트 요소에 특별히 다른 글꼴이 설정되어 있지 않으면 사용자가 지정하는 글꼴군을 사용합니다.
- 제목 1부터 제목 6까지: 최대 6개 레벨의 제목 태그에 사용할 글꼴 크기와 색상을 지정합니다.
전체 페이지의 CSS 링크 속성 설정
링크에 대한 글꼴, 글꼴 크기, 색상 및 기타 항목을 지정할 수 있습니다.기본적으로 Dreamweaver는 링크용 CSS 규칙을 만들어 페이지에서 사용하는 모든 링크에 적용합니다.(규칙은 페이지의 head 섹션에 포함됩니다.)
메모
페이지의 개별 링크를 맞춤화하려면 개별 CSS 규칙을 만든 다음 링크에 개별적으로 적용해야 합니다.
다음 중 하나를 수행합니다.
- [파일] > [페이지 속성] 클릭
- [창] > [페이지 속성]을 클릭하고 텍스트 속성 관리자에서 [페이지 속성]을 클릭합니다.
[카테고리] 옵션에서 [링크(CSS)]를 선택하십시오.
- 링크 글꼴: 링크 텍스트에 사용할 기본 글꼴군을 지정합니다. Dreamweaver에서는 사용자가 다른 글꼴을 지정하지 않으면 기본적으로 전체 페이지에 지정된 기본 글꼴군을 사용합니다.
- 크기: 링크 텍스트에 사용할 기본 글꼴 크기를 지정합니다.
- 링크 색상: 링크 텍스트에 적용할 색상을 지정합니다.
- 방문한 링크: 방문한 링크에 적용할 색상을 지정합니다.
- 롤오버 링크: 마우스(또는 포인터)가 링크 위에 올려졌을 때 적용할 색상을 지정합니다.
- 활성 링크: 마우스(또는 포인터)가 링크를 클릭할 때 적용할 색상을 지정합니다.
- 밑줄 스타일: 링크에 적용할 밑줄 스타일을 지정합니다. 외부 CSS 스타일 시트 등을 이용하여 페이지에 이미 밑줄 링크 스타일을 정의한 경우 [밑줄 스타일] 메뉴의 기본값은 "변경 안 함" 옵션으로 지정됩니다. 이 옵션은 링크 스타일이 이미 지정되었다는 것을 나타냅니다. [페이지 속성] 대화 상자에서 밑줄 링크 스타일을 수정하면 Dreamweaver는 이전의 링크 정의를 변경합니다.
