|
 |
|
|
홈 > 게시판 > 공지사항 |
 |
|  스타일시트(CSS)에 대한 도움말 | |
| |
 님이 2003년 02월 27일 11:35:51 에 작성한 글입니다. (read:6133, vote:1167) 추천하기 |
|
|
HTML문서는 일반적으로 텍스트와 그림으로 이루어져 있습니다.
스타일시트(Style Sheet)가 나오기 전까지는 HTML문서는 정보를 전달하는 것에 치중하였었지만,
이 스타일시트가 나오면서 부터는 HTML로도 디자인을 고려한 문서를 표현하게 되었습니다.
스타일시트는 아직 완전하게 지원되고 있지는 않지만, 단순한 HTML만으로는 표현할 수 없었던
많은 표현들을 가능하게 함으로서, 많은 사람들이 HTML을 사용하게 만들었습니다.
이 강좌에서 말하는 스타일시트는 CSS(Cascading Style Sheet)라고 불리우는 것으로서
현재 주로 사용되는 문법만을 설명할 것입니다.
CSS의 기본적인 형식은 다음과 같습니다.
<style type="text/css">
<!--
TYPE {속성:값; 속성:값; ...}
-->
</style>
style을 지정하는 위치는 주로 <HEAD>와 </HEAD>사이나, <BODY>위에 삽입하고,
<style type="text/css">와 </style>안에 입력합니다.
type="text/css"라는 속성은 이 스타일시트의 형식을 알려주는 것입니다. 현재의 스타일시트의 형식은 모두
text/css 이므로 항상 이렇게 써주시면 됩니다. 무의미한 속성이기 때문에 <style>로만 사용하셔도 무방합니다.
HTML의 주석문인 <!--와 -->로 스타일을 감싸주는 이유는 스타일시트를 인식하지 않는 브라우져를 위한 방법입니다.
인터넷 익스플로러는 스타일시트를 인식하기 때문에 주석으로 감싸주지 않아도 되지만, 스타일시트가 여러개 중첩되거나 스타일시트를 링크시킬경우에 가끔 에러가 나는경우가 발생하므로, 항상 주석문으로 감싸주시기 바랍니다.
TYPE은 어느곳에 이 스타일을 적용하는 것인지를 알려주는 것입니다.
몇가지 예제를 통하여 이해하시기 바랍니다.
|
| Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0) |
|
|
|
 |
|
|
라이센스 확인
