본문 바로가기

Windows Developer/Asp.net

[asp.net] 스타일 시트(CSS)란?

스타일 스트는 HTML 태그만을 이용하여 웹 문서를 편집할 때의 한계점, 즈 소스 구성이나 레이아웃 배치 등을 보완하기 위해 개발된 독립적인 언어이다. 스타일 시트를 이용하면, HTML만 이용해서 웨 문서를 작성했을 때와는 달리 더 깔끔한 웹 문서를 만들 수 있다.

<TABLE> 태그를 많이 사용했을 경우 브라우저가 문서를 읽어 들이는 시간이 많이 소요되어 <TABLE> 태그보다는 <DIV>태그와 CSS를 이용하여 레이아웃 구성을 하는 웹 사이트가 늘고 있다. <DIV>태그로 레이아웃하는 장점은 태그를 수정하지 않고, CSS의 정의를 바꿔 주는 것만으로 웹 페이지의 레이아웃을 변경할 수 있다.
 




 - 웹 문서의 편집을 자유롭게 할 수 있다.
 
 - 통일감 잇는 문서를 만들 수 있다.

 - 문서 관리가 편하다.


외부 문서에서 연결하기(Linked Style)

스타일 시트 중에서 Linked Style 방식은 웹 사이트에 통일감을 주고 싶을 때 주로 사용한다. 즉, 웹 사이트의 모든 문서에서 동일한 폰트, 색상 등을 부여하고 싶을 때 해당 웹 문서마다 코드를 입력하지 않고, 특정 스타일 시트 문서를 만들어서 보관한 후, 필요한 웹 문서에 연결하여 사용하는 것이다.

<link rel="Stylesheet" type="text/css" href="스타일 시트 파일 명" />
 

ex  :  <link rel="Stylesheet" type="text/css" href="StyleSheet1.css" />