스타일 시트(style sheet)란 HTML 문서내에 서체의 종류, 크기, 색, 여백 등을 지정해 주어, 사용자의 web browser환경에 상관없이 일정한 화면을 보여주는 기능을 말합니다. 스타일 시트는 MS internet explorer 3.0이상, Netscape 4.0 이상의 web browser에서 지원됩니다.
스타일 시트를 HTML 문서내에 삽입하는 방법
Style Sheet 사용법
............ ............
스타일 시트 화일을 HTML 문서와 연결하는 방법
Style Sheet 사용법
............ ............
폰트 관련 속성
font-family
값
fonts 폴더에 있는 폰트 이름
설명
화면에 나타나는 글씨의 종류를 설정할 때 쓰인다. 시스템에 있는 폰트 이름 중 하나를 사용하면 된다.
예제
P {font-family: Courier New}
기타
만일 윈도우 시스템에 굴림체가 없다면 Arial로 대체하라는 의미로 다음과 같이 사용할 수도 있다. 참고로, 이것은 제작자의 시스템에는 해당 폰트가 있으나, 다른 사람들의 컴퓨터에는 폰트가 없을 때 아주 유용하게 쓰인다. P {font-family: 굴림, Arial}
여백 속성을 상하좌우로 설정해 줄 수도 있지만, 위의 예제처럼 margin이라는 하나의 이름으로 묶어서 설정할 수 있다. 이때 속성값은 네개를 가지는데, 순서는 top, right, bottom, left의 순서이다. 만일 속성값이 하나라면 상하좌우를 모두 해당 값으로 설정하고, 속성값이 두개라면 첫번째 값은 top과 bottom, 두번째 값은 right와 left의 값이 된다. BODY {margin: 1cm 2cm 3cm 4cm}
샬롬~
