CSS 적용
- 인라인 방식
- 내부 스타일 시트
- 외부 스타일 시트
- 다중 스타일 시트
1. 인라인 방식
<body style="font-size: 14px;">
2. 내부 스타일 시트
<head>
<style>
body {font-size: 14px;}
</style>
</head>
3. 외부 스타일 시트
<head>
<link rel="stylesheet" href="css/foo.css">
</head>
4. 다중 스타일 시트
@import "foo.css";
- @가 붙는 문법을 at-rule이라고 부른다.
- @charset : 스타일시트에서 사용하는 문자 인코딩을 지정합니다. 문서에서 가장 먼저 선언합니다.
- @import : 다른 스타일 시트에서 스타일 규칙을 가져옵니다. @charset 바로 다음에 선언되어야 합니다.
- @font-face : 디바이스에 없는 폰트를 다운받아 적용할 때 사용합니다.
- @keyframes : 애니메이션을 만들 때 사용합니다.
- @media : 사용자 디바이스에 따른 스타일을 분기 처리하고자 할 때 사용합니다.
- @supports : 특정 CSS 속성을 브라우저가 지원하는지 확인하고 스타일을 선언하고자 할 때 사용합니다.