[5] CSS 란?

CSS(Cascading Style Sheets) 

• css는 사용자에게 문서를 표시하는 방법을 지정하는 언어이다. 
• 스타일, 레이아웃 등
• 웹 사이트에서 화면에 표시되는 정보들을 꾸며주는 역할
• HTML은 문장의 구조를 만들고 CSS는 문장을 브라우저에 어떻게 보여줄지를 지정하는 언어

구조 HTML, 디자인 CSS

 

CSS를 사용하는 방법은?

1. 인라인 스타일
: HTML 안에서 style 속성을 이용하는 방법 

 

2. 내부 스타일 시트
: <style> 태그를 통해 HTML 문서 내부에서 이용하는 방법

 

3. 외부 스타일 시트
: 별도로 CSS 파일을 분리하여 HTML의 문서에 연결하는 방법

 

스타일 적용의 우선순위

1. 인라인 스타일
2. 내부 스타일 시트   외부 스타일 시트
3. 웹 브라우저 기본 스타일

-> 이러한 스타일 적용 방법이 혼합되어 사용될 경우, 내부나 외부 스타일 시트와 상관 없이 무조건 인라인 스타일이 적용된다.

 

CSS 기본 구조