CSS Reference

CSS 기초 문법

CSS

CSS 종속형 시트 또는 캐스케이딩 스타일 시트(Cascading Style Sheets, CSS)는 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어(style sheet language)로, HTML과 XHTML에 주로 쓰이며, XML에서도 사용할 수 있다.

주석표시

예시

/*   CSS 주석    */

선언 방법

외부 스타일

외부 스타일 시트를 이용하는 방법은 웹 사이트 전체의 스타일을 하나의 파일에서 변경할 수 있도록 해준다. 외부에 작성된 이러한 스타일 시트 파일은 . css 확장자를 사용하여 저장된다..

예시

<head>
    <link rel="stylesheet" href="main.css">
</head>       //외부CSS파일 "main.css"를 불러온다.

인라인 스타일

웹 문서 안에서 사용할 스타일을 문서 안에 정리한 것을 '내부 스타일 시트'라고 한다. 모든 스타일 정보는 <head>태그와 </head>태그 안에서 정의해야 하고 <style>태그와 </style>태그 사이에 작성한다.

예시

<head>
    <style>
        h1{color: red;}
    </style>      //head 태그사이에 <style> 태그를
</head>        삽입해서 그안에 css코드를 삽입시키는 방식으로 사용한다.