CSS Reference

CSS 기초 문법

CSS란?

CSS 변하는 데이터(값)을 저장할 수 있는 메모리 공간 변수에는 데이터가 오직 한 개만 저장된다. 새로운 데이터가 들어오면 기존에 있던 데이터는 메모리 공간에서 지워지게 된다. 변수에 저장할 수 있는 데이터의 종류로는 문자형(Srting), 숫자형(Number), 논리형(Boolean), 그리고 빈(Null) 데이터가 있다.

CSS 주석 표시

{

    /* CSS 주석 */
    
}

CSS 선언 방법

내부 스타일 시트(Internal Style Sheet)

HTML문서내에서 <head>와 </head>사이에 스타일을 정의하는 방법입니다.

{
    <head>
        <style type="text/css">
            body {font-size: 9px;}
        </style>
    </head>
}

외부 스타일 시트(External Style Sheet)

css라는 확장자를 가진 스타일 시트 파일을 만들고 이 파일을 HTML 문서에 연결하여 사용하는 방법입니다.

{
    <head>>
        <link rel="stylesheet" type="text/css" href="mystyle.css">>
    </head>>
}

HTML태그내에 스타일 지정(Inline Styles)

위의 방법들에 비해서 적용범위가 더욱 좁아진 형태입니다. 스타일을 적용하고 싶은 HTML태그안에서 정의하는 방법입니다.

{
    <p style="color:gray;">이 문단의 색상은 회색으로 지정됩니다.</p>
}