CSS 머리글 속성 및 CSS 링크 속성을 설정하고 페이지에서 모든 머리글과 링크에 적용하는 방법에 대해 학습합니다.

페이지 머리글에서 글꼴, 글꼴 크기 및 색상을 지정할 수 있습니다. 기본적으로 Dreamweaver는 머리글에 대한 CSS 규칙을 만들고 사용자가 페이지에서 사용하는 모든 머리글에 적용합니다. 이 규칙은 페이지의 헤드 섹션에 임베드됩니다.

CSS 머리글 속성을 적용하려면:

  1. 다음 중 하나를 수행합니다.

    • [파일] > [페이지 속성] 클릭
    • [윈도우] > [페이지 속성]을 클릭한 다음 텍스트 속성 관리자에서 [페이지 속성]을 클릭합니다.
  2. [페이지 속성] 패널에서 머리글(CSS)을 선택합니다. 다음과 같은 옵션을 구성할 수 있습니다.

    • 머리글 글꼴: 머리글에 사용할 기본 글꼴군을 지정합니다. Dreamweaver에서는 텍스트 요소에 특별히 다른 글꼴이 설정되어 있지 않으면 사용자가 지정하는 글꼴군을 사용합니다.
    • 머리글 1 ~ 머리글 6: 최대 6단계의 머리글 태그에 사용할 글꼴 크기와 색상을 지정합니다.

전체 페이지의 CSS 링크 속성 설정

링크에 대해 글꼴, 글꼴 크기, 색상 및 기타 항목을 지정할 수 있습니다. 기본적으로 Dreamweaver는 링크에 대한 CSS 규칙을 만들고 사용자가 페이지에서 사용하는 모든 링크에 적용합니다. (이 규칙은 페이지의 헤드 섹션에 임베드됩니다.)

참고:

페이지의 개별 링크를 사용자 정의하려면 개별 CSS 규칙을 만든 다음 링크에 개별적으로 적용해야 합니다.

  1. 다음 중 하나를 수행합니다.

    • [파일] > [페이지 속성] 클릭
    • [윈도우] > [페이지 속성]을 클릭한 다음 텍스트 속성 관리자에서 [페이지 속성]을 클릭합니다.
  2. 범주 옵션에서 링크(CSS)를 선택합니다.

    • 링크 글꼴: 링크 텍스트에 사용할 기본 글꼴군을 지정합니다. Dreamweaver에서는 사용자가 다른 글꼴을 지정하지 않으면 기본적으로 전체 페이지에 지정된 기본 글꼴군을 사용합니다.
    • 크기: 링크 텍스트에 사용할 기본 글꼴 크기를 지정합니다.
    • 링크 색상링크 텍스트에 적용할 색상을 지정합니다.
    • 방문한 링크: 방문한 링크에 적용할 색상을 지정합니다.
    • 링크 롤오버: 링크 위에 마우스 (또는 포인터)를 올려놓았을 때 적용할 색상을 지정합니다.
    • 활성 링크: 마우스 (또는 포인터)로 링크를 클릭했을 때 적용할 색상을 지정합니다.
    • 밑줄 스타일: 링크에 적용할 밑줄 스타일을 지정합니다. 외부 CSS 스타일 시트 등을 이용하여 페이지에 이미 밑줄 링크 스타일을 정의한 경우 [밑줄 스타일] 메뉴의 기본값은 "변경 안 함" 옵션으로 지정됩니다. 이 옵션은 링크 스타일이 이미 지정되었다는 것을 나타냅니다. [페이지 속성] 대화 상자에서 밑줄 링크 스타일을 수정하면 Dreamweaver는 이전의 링크 정의를 변경합니다.

     

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책