CSS 정의

Cascading Style Sheets는 documents가 사용자에게 어떻게 보여질까를 기술하는 언어이다. html문서를 시각적으로 이쁘게 꾸며주는 역할을 한다.

CSS 선언 방법

style을 html페이지에 적용하는 세 가지 방법

1. Inline
2. Internal
3. External

Inline

• html태그 안에다가 적용
• 다른 css파일에 적용한 것 보다 가장 먼저 적용된다.

<p style="border:1px solid gray;color:red;font-size:2em;">

Internal

• style 태그로 지정
• 구조와 스타일이 섞이게 되므로 유지보수가 어렵습니다.
• 별도의 css파일을 관리하지 않아도 되며 서버에 css파일을 부르기 위해 별도의 브라우저가 요청을 보낼 필요가 없습니다.

External

• 외부파일(.css)로 지정하는 방식이다.
• 가장 권장되는 방법, 현업에서는 여러 개의 css파일로 분리하고 이를 합쳐서 서비스에 사용
• head태그 안에 다음과 같은 link태그를 추가하여 css파일을 가져올 수 있다.

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

external, internal, inline의 우선순위

-> inline은 별도의 우선순위를 갖지만, external과 internal은 우선순위가 동등하다.