[CSS] CSS란

CSS란

CSS(Cascading Style Sheet) 는 마크업 언어가 실제 표시되는 방법을 기술하는 언어로, 주로 HTML에 쓰이며 XML에서도 사용할 수 있다.
즉, HTML 문서를 스타일링(디자인)하는 언어이다.

기본구조

선택자 {
    속성: 속성값;
}

위와 같이 CSS는 선택자, 중괄호 그리고 속성, 속성값으로 구성된다.

선언방식

Internal Style

HTML 내의 <head> 내부에 작성

<html>
    <head>
        <style>
            p {
                color: red;
            }
        </style>
    </head>
    <body>
        <p>Internal Style</p>
    </body>
</html>

기본적으로 <head> 태그에서만 사용해야한다.
주로 CSS 분량이 적은 경우에 사용한다.

Inline Style

HTML 요소 내부에 작성

<body>
    <p style="color: red;">Inline Style</p>
</body>

속성이나 값이 동적으로 변경되어야 하는 경우에 사용한다.

External Style

CSS를 별도파일로 작성

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="external.css">
    </head>
    <body>
        <p>External Style</p>
    </body>
</html>

별도 파일로 작성하여 HTML 문서에 연결하는 방식으로, 가장 일반적인 방법이다.

저작자표시

'CSS' 카테고리의 다른 글

[CSS] 상속과 캐스케이딩 (0)	2022.03.03
[CSS] Visibility / Opacity (0)	2022.03.02
[CSS] Display (0)	2022.03.02
[CSS] 박스(Box) 모델 (0)	2022.03.01
[CSS] 선택자 (0)	2022.03.01