스타일시트 편집

스타일시트를 사용하여 웹 페이지의 룩앤필을 제어할 수 있습니다.

전제조건: 스타일시트 작성

페이지에 링크된 외부 스타일시트를 편집하려면 다음을 수행하십시오.

  1. 프로젝트 탐색기 보기에서 파일을 두 번 클릭하여 편집할 .css 파일을 여십시오. 편집 영역에서 스타일시트가 열립니다.
  2. 스타일을 편집하려면 미리보기 분할창에서 스타일을 선택하고 선택한 규칙 편집 아이콘을 클릭하십시오. 파일의 소스 버전을 편집하려면 소스 분할창에 스타일 정의를 입력할 수 있습니다.
    팁: Page Designer의 디자인 페이지에서 요소를 마우스 오른쪽 단추로 클릭하고 스타일 > 스타일 규칙 편집을 선택하여 열린 웹 페이지에서 스타일을 편집할 수도 있습니다.
  3. 스타일 특성 설정 대화 상자에서 글꼴, 배경 효과, 레이아웃 위치, 목록 형식 등과 관련된 스타일을 설정할 수 있습니다. 확인을 클릭하십시오. 스타일 정의를 갱신하면 스타일 변경사항이 웹 페이지의 디자인 페이지 버전에 즉시 적용됩니다. 또한 CSS Designer 미리보기 분할창에도 갱신된 스타일이 표시됩니다.

    분할창 > 소스 최대화 또는 분할창 > 미리보기 최대화를 선택하여 분할창을 표시 또는 숨기도록 토글할 수 있습니다.

  4. 개별 태그-속성 쌍을 편집하려면 스타일 보기에서 항목을 선택한 다음, 팝업 메뉴에서 편집을 선택하거나 선택한 규칙 편집 도구 모음 단추를 선택하십시오. 스타일 편집 대화 상자에서 스타일을 편집할 요소를 선택하고 확인을 클릭하십시오. 디자인 페이지에서 Page Designer의 팝업 메뉴나 CSS Designer의 팝업 메뉴에서 스타일을 편집할 수도 있습니다.
  5. 확인을 눌러 갱신사항을 저장하고 현재 페이지에 스타일을 적용하십시오.

    미리보기 분할창을 사용하여 갱신된 스타일이 웹 브라우저에 어떻게 표시되는지 확인할 수 있습니다. 프로젝트 탐색기 보기에서 미리보기 분할창으로 HTML 파일을 끌어서 놓으면, HTML 파일을 실제로 열지 않아도 스타일 효과가 표시됩니다. 미리보기 분할창 맨 위에 있는 미리보기 도구 목록 또는 찾아보기 단추를 사용하여 HTML 파일을 지정할 수도 있습니다.

관련 개념
CSS(캐스케이딩 스타일시트) Designer
관련 태스크
웹 페이지의 스타일 미리보기
웹 페이지에 스타일시트 적용
갤러리에서 웹 페이지로 샘플 스타일시트 적용
관련 정보
데모 보기
이용약관 | 피드백
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.