(주)모리스디자인
 
라이센스 확인 장바구니 사이트맵

홈 > 게시판 > 공지사항
구매관련(19)  설치관련(4)  변경관련(5)  사용법(14)  게시판(14)  카페/클럽(0)  이상증상(3)  기타(4)  
   스타일시트(CSS)에 대한 도움말
  님이 2003년 02월 27일 11:35:51 에 작성한 글입니다. (read:5969, vote:1120) 추천하기
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)   
No 분류 제목 이름 등록일 조회수
- 갑자기 웹폰트로 보여지지 않고 기본서체로 보여집니다.   03/02/27 2735
- 글꼴폴더에는 설치가 되어 있는데, 포토샵,나모,워드에서는 보이지 않...   03/02/27 9211
- 웹폰트를 사용한 후 페이지가 한번에 로딩되지 않습니다.   03/02/27 5760
- 웹폰트 다운로드에서 사용까지..   03/02/27 11153
- 폰트 구매 라이센스 안내 운영자  22617
- 저작권법에 걸려서 법원에서 연락이 왔습니다, 어떻게 해야합니까? 운영자  23475
71 사용법 포토샵에서 글자가 갑자기 크게 나와요.   04/01/06 9477
68 사용법 [별자리와 12지신], [군것질]은 어떻게 사용합니까?   04/01/06 8765
62 사용법 포토샵에서 글꼴 목록이 영문으로 나올때는..   04/01/06 4480
61 사용법 Windows Server 2003 사용자분들 참고하십시요.   03/12/08 4392
39 사용법 프레임마다 스타일을 지정해줘야 하나요?   03/02/27 5071
38 사용법 두개이상의 웹폰트를 한페이지에 사용하기   03/02/27 6037
37 사용법 스타일시트(CSS)로 지정할 수 있는 폰트속성   03/02/27 6450
36 사용법 스타일시트(CSS)의 적용예제   03/02/27 7604
35 사용법 스타일시트(CSS)에 대한 도움말   03/02/27 5969
34 사용법 나모등의 웹에디터를 이용하여 사용하기   03/02/27 6779
  [1][2]
copyright 2002-2003 Ultraboard