계단식 스타일 시트를 이해하고 적용하는 데 있어 중요한 세부 사항은 이름의 계단식 측면입니다. 즉, 동일한 요소에 대한 여러 규칙을 어떻게 처리합니까? 이번주에는 CSS의 특징을 자세히 소개하고 예시를 들어보겠습니다.
우선 사항
CSS 속성은 HTML 속성보다 우선순위가 높습니다. CSS 지원 없이 브라우저에서 HTML 속성을 사용할 수 있지만 브라우저에 CSS 지원을 추가해도 아무런 효과가 없습니다. CSS를 사용할 때 CSS 규칙의 출처를 깊이 이해하는 것이 중요합니다.
원천
CSS 규칙 적용을 고려할 때 일반적으로 두 가지 측면이 있습니다. 첫 번째는 리더로, 선호하는 브라우저를 통해 웹 애플리케이션을 보는 사용자에 해당합니다. 두 번째 측면은 웹 애플리케이션을 개발한 실제 웹 개발자인 작성자입니다.
독자 기본 설정은 사용자가 처리합니다. 즉, 자신만의 스타일 시트를 개발한 다음 브라우저 설정을 통해 배포할 수 있습니다. 예를 들어, 인터넷 브라우저 IE 6 사용자는 도구 | 인터넷 옵션 | 액세스 메뉴를 통해 사용자 스타일 시트를 지정하여 자신만의 스타일 시트를 사용할 수 있습니다. 웹 개발자는 규칙을 지정하고 이를 웹 페이지에 적용하기 위해 자체 CSS를 개발합니다. 동시에 브라우저에는 기본 제공 규칙이 있는 경우가 많습니다.
종속
CSS라는 약어의 계단식 측면은 서로 다른 소스 간의 규칙을 병합하고 덮어쓰는 프로세스를 나타냅니다. 여러 스타일 시트를 동시에 사용하는 경우 각 스타일 시트에 정의된 선택기가 제어를 위해 서로 경쟁합니다. 다음 목록은 스타일 시트 선택기 간의 충돌이 해결되는 순서를 지정하며 첫 번째 항목이 가장 중요합니다.
중요도: 선택자가 중요하게 지정되어 있습니까?
규칙 소스: 규칙은 어디에 정의되어 있나요?
속성: 규칙의 속성은 무엇입니까?
순서: 마지막으로 정의된 것은 무엇입니까?