CSS 편집하기 (부분)

=== 원천 ===
CSS 정보는 다양한 원천으로부터 제공받을 수 있다. 이러한 원천으로는 [[웹 브라우저]], [[사용자]], [[제작자]]가 될 수 있다. [[제작자]]로부터의 정보는 더 나아가 인라인, 미디어 타입, 중요성, 셀렉터 특정, 규칙 순서, 상속, 프로퍼티 정의로 분류될 수 있다. CSS 스타일은 별도의 문서에 있을 수 있고, [[HTML]] 문서에 직접 추가할 수도 있다. 사용하는 화면 크기, 다크 모드 설정, 화면 방향 등에 따라 다른 스타일을 적용할 수 있다.
{| class="wikitable"
|+ CSS 우선 순위 스킴 (높은 순위에서 낮은 순위 순)
|-
! 우선도 !! CSS 원천의 종류 !! 설명
|-
| 1 || 중요성 || ‘{{code|lang=css|code=!important}}’을 프로퍼티 뒤에 추가하면<ref>예: {{code|lang=css|code=margin: 30px !important;}}</ref> 이후에
|-
| 2 || 인라인 || HTML 'style' 속성을 통해 HTML 요소에 적용되는 스타일
|-
| 3 || 미디어 타입 || 미디어 특정 CSS가 정의되어 있지 않다면 프로퍼티 정의는 모든 미디어 타입에 적용된다.
|-
| 4 || 사용자 정의 || 대부분의 브라우저가 접근성 기능을 갖추고 있다: 사용자 정의 CSS
|-
| 5 || 선택자 특정성 || 특정 컨텍스트 선택자({{code|lang=css|code=#heading p}})는 일반 정의를 덮어쓴다.
|-
| 6 || 규칙 순서 || 마지막으로 선언한 규칙이 가장 높은 우선 순위를 가진다.
|-
| 7 || 부모 상속 || 프로퍼티를 지정하지 않으면 부모 요소에 상속된다. 다만 그렇지 않은 프로퍼티도 있다.
|-
| 8 || HTML 문서 안에서의 CSS 프로퍼티 정의 || CSS 규칙 또는 CSS 인라인 스타일은 기본 브라우저 값을 덮어쓴다.
|-
| 9 || 브라우저 기본값 || 브라우저 기본값은 W3C 초기값 사양에 정의되어 있으며, 우선 순위가 가장 낮다.
|}