[CSS] CSS란 무엇인가

#CSS란 무엇인가?

CSS (Cascading Style Sheets)란?

CSS는 사용자에게 문서를 표시하는 방법을 지정하는 언어입니다. (style, layout 등)

• MDN -

• 웹 사이트에서 화면에 표시되는 정보들을 꾸며줌
• HTML은 문장의 구조를 만들고, CSS는 문장을 브라우저에 어떻게 보여줄 지를 지정

이렇게 해서 구조와 디자인이 분리되었습니다.

CSS를 사용하는 방법 3가지

1. HTML 안에서 Style 속성 이용 (인라인 스타일)
2. <style> 태그를 통해 HTML 문서 내부에서 이용하는 방법 (내부 스타일 시트)
3. 별도로 CSS 파일을 분리하여 HTML의 문서에 연결하는 방법 (외부 스타일 시트)

1. 인라인 스타일

2. 내부 스타일 시트

3. 외부 스타일 시트

👑 스타일 적용 우선순위

스타일 적용이 중복될 경우, 우선순위에 따라 적용됩니다.
1. 인라인 스타일
2. 내부&외부 스타일 시트
3. 웹 브라우저 기본 스타일

CSS 기본 구조

선택자 (Selector)

CSS를 적용할 HTML요소를 가리킵니다.

속성 (Property)

셀렉터가 지정한 위치의 무엇을 바꿀 것인지 결정합니다.

값

속성에 관한 구체적인 값을 결정합니다.

---

📍Reference

• 따라하며 배우는 HTML, CSS