스타일시트를 사용하여 웹 페이지의 룩앤필을 제어할 수 있습니다.
페이지에 링크된 외부 스타일시트를 편집하려면 다음을 수행하십시오.
- 프로젝트 탐색기 보기에서 파일을 두 번 클릭하여
편집할 .css 파일을 여십시오. 편집 영역에서 스타일시트가 열립니다.
- 스타일을 편집하려면 미리보기 분할창에서 스타일을 선택하고
선택한 규칙 편집 아이콘을 클릭하십시오. 파일의 소스 버전을 편집하려면
소스 분할창에 스타일 정의를 입력할 수 있습니다.
팁: Page Designer의 디자인 페이지에서 요소를
마우스 오른쪽 단추로 클릭하고 을 선택하여
열린 웹 페이지에서 스타일을 편집할 수도 있습니다.
- 스타일 특성 설정 대화 상자에서 글꼴, 배경 효과, 레이아웃 위치,
목록 형식 등과 관련된 스타일을 설정할 수 있습니다. 확인을 클릭하십시오. 스타일 정의를 갱신하면 스타일 변경사항이 웹 페이지의
디자인 페이지 버전에 즉시 적용됩니다. 또한
CSS Designer 미리보기 분할창에도 갱신된 스타일이 표시됩니다.
또는 를 선택하여 분할창을 표시 또는
숨기도록 토글할 수 있습니다.
- 개별 태그-속성 쌍을 편집하려면 스타일 보기에서 항목을 선택한 다음,
팝업 메뉴에서 편집을 선택하거나 선택한 규칙 편집
도구 모음 단추를 선택하십시오. 스타일 편집 대화 상자에서 스타일을 편집할 요소를 선택하고
확인을 클릭하십시오. 디자인 페이지에서
Page Designer의 팝업 메뉴나 CSS Designer의 팝업 메뉴에서 스타일을
편집할 수도 있습니다.
- 확인을 눌러 갱신사항을
저장하고 현재 페이지에 스타일을 적용하십시오.
미리보기 분할창을 사용하여
갱신된 스타일이 웹 브라우저에 어떻게 표시되는지 확인할 수 있습니다. 프로젝트 탐색기 보기에서
미리보기 분할창으로 HTML 파일을 끌어 놓으면, HTML 파일을 실제로 열지 않아도
스타일 효과가 표시됩니다. 미리보기 분할창 맨 위에 있는
미리보기 도구 목록 또는 찾아보기
단추를 사용하여 HTML 파일을 지정할 수도 있습니다.