선택자 { key : value } 형태.
일반적으로 id 는 unique 해야돼서, class 선택자를 많이 사용.
css 내에서 규칙을 설정할 수 있는 문법.
@import url('something.css') 으로 외부 css 를 임포트할 수 있다. 이때 상대경로, 절대경로 둘다 가능하고 그냥 패키지명을 입력해도 괜찮다.
@charset 'utf-8' 으로 문자 인코딩 지정이 가능하다.
@media (prefers-color-scheme: dark) {
body {
background: #000;
color: #fff;
}
}
을 통해 다크모드 지원이 가능하다.
2번의 경우, link 태그와 style 태그의 순서에 따라 다르다.
link 태그에서는 글씨색을 navy 로, internal style 태그에서는 orange 로 설정해 놓았을 경우
<link />
<style>
...
</style>
이 경우 글씨색은 orange가 된다. 반대의 경우-link 태그가 아래에 있는 경우 글씨색은 navy가 된다.
/* */
자주 쓰이는 선택자에 대해서는 나무위키에 잘 정리가 되어있다
나무위키를 레퍼런스 링크로 쓰면 글의 신뢰도가 바닥으로 치닫긴 하다만...