CSS란 무엇인가

작성 2023-05-05

1. Cascading Style Sheets

웹 문서의 스타일을 저장해 둔 스타일 시트
cascade는 폭포수라는 뜻이며, style을 계속 덮어가는 특성이 있기 때문에 종속형 시트라고도 부른다.
HTML 뿐만아니라 XHTML, XML에서도 사용할 수 있다.
HTML의 구조로부터 표현을 분리 복잡성 줄이고 유지보수를 용이하게 한다.

2. CSS를 적용하는 3가지 방법

1) 외부 스타일 시트

<head>
    <link rel="stylesheet" href="style.css" />
</head>

중복 코드를 줄임으로써 관리가 쉽다.
스타일이 필요한 문서에 파일을 삽입해야한다.
이미 스타일이 적용되어 있는 문서와 연관관계 설정이 필요하다.

2) Inline Style CSS

<p style="font-size: 32px;"></p>

내용과 스타일이 분리되지 않아 유지보수 어렵다.
마크업 문서에 스타일을 입히면 디버깅에 매우 불리하다.
특별한 경우가 아니라면 사용하지 않는다.

3) `<style>` 태그

<style>
.box{
    width:200px;
    height:200px;
}
</style>