[CSS] CSS 적용 방법

< CSS >

- Casecade Style Sheet

- HTML: 웹의 형태, CSS: 웹을 장식, 배치

 

< CSS를 적용하는 방법 >

1. 인라인(inline) 방식

- 태그 안에 속성으로 css를 적용하는 방식

- 필요할 때 가끔 사용되는 방식, (권장 x)

- 장점: 태그 안에 바로 속성을 설정함

- 단점: 코드가 복잡해지고, 관리가 어려움

 

 

2. 내부 선언 방식

- head영역 안에,tilte 밑에 style

- style 태그 안에 css를 작성하는 방식

- 장점: 바로 확인 가능

- 단점: 길어지면 관리가 어려움

// 2. 내부 선언 방식 - head 태그 안, style 태그 안
h1 {color: blueviolet;}

 

 

3. 외부 선언 방식

- css 내용을 파일로 저장하여 링크하는 방식

- css 외부 파일에선 style 태그 안써도 됨

- style 안에서 import하는 방법, link 태그를 사용하는 방법

// 3. 외부 선언 방식 (1) head 태그 안, style 태그 안
@import url("css/css01.css"); 

// 3. 외부 선언 방식 (2) head 태그 안, style 태그 밖
<link rel="stylesheet" href="css/css01.css">