CSS : 스타일 적용 방법, 적용 우선순위

• Internal 방식

※ 특징
- 하나의 HTML 파일 안에 있는 <style> 태그 내에 CSS 코드가 포함되어 있어 해당 문서에만 스타일이 적용되는 방식이다.

※ 예시

 

• External 방식

※ 특징
- 스타일을 지정한 CSS 코드가 별도의 외부 파일로 저장되어 있어서 <link> 태그를 통해 가지고 오는 방식이다.

※ 예시

 

• Inline 방식

※ 특징
- 각 HTML 태그 내부 style 속성에 스타일을 정의하여 해당 태그에만 스타일을 적용시키는 방식이다.

※ 예시

 

• 적용 우선순위

※ 우선순위
- !important : 어디서든지 사용가능 (최우선 적용)
- 인라인 : HTML 태그 내에 작성
- 아이디 : 아이디 선택자(#)를 사용해서 작성
- 클래스 : 클래스 선택자(.)를 사용해서 작성
- 태그 : 태그 자체를 선택해서 작성

※ 우선순위가 동일할 경우
- 나중에 작성한 CSS 스타일 적용