CSS에서 "캐스 케이 딩"의 의미는 무엇입니까?

CSS에서 "캐스 케이 딩"의 의미는 무엇입니까?

---

CSS에서 "Cascading"이라는 용어의 정확한 의미는 무엇입니까? 나는 다른 견해를 얻고 있으므로 여기서 묻습니다. 예가 도움이 될 것입니다.

---

이 문맥에서 "캐스 케이 딩"이란 하나 이상의 스타일 시트 규칙이 특정 HTML 부분에 적용될 수 있기 때문에 어떤 특정 스타일 시트 규칙이 어떤 HTML 부분에 적용되는지 결정하는 알려진 방법이 있어야 함을 의미합니다.

사용되는 규칙은보다 일반적인 규칙에서 필요한 특정 규칙으로 계단식으로 선택됩니다. 가장 구체적인 규칙이 선택됩니다.

---

CSS를 가르 칠 때 저는 항상 학생들에게 "계단식 스타일 시트"는 " 스타일 시트 와 싸우기 " 와 같은 의미 라고 말합니다.

한 규칙은 H3 태그를 빨간색으로 지정하고 다른 규칙은 녹색으로 지정합니다. 규칙이 서로 모순됩니다. 누가 이길까요!? 스타일 시트 데스 매치!

좋습니다. 약간 과장된 것 같지만, 계단식이나 상속이라는 개념보다 막 시작하는 비 코딩, 비 프로그래밍 사람들에게 훨씬 더 적합합니다.

물론 스타일 시트가 서로 싸우는 것이 문제가 아니라고 말해야합니다. 그것이 언어가 설계된 방식입니다.

---

Håkon Wium Lie (CSS 공동 제작자)는 CSS에 대한 PHD 이론에서 "캐스케이드"를 "여러 스타일 시트를 결합하고 이들 간의 충돌을 해결하는 과정"으로 정의합니다. https://www.wiumlie.no/2006/phd/

---

다음 기사는 귀하의 질문에 완벽하게 대답합니다.

특정 요소에 속성이 적용되는 순서입니다.

http://www.blooberry.com/indexdot/css/topics/cascade.htm

---

외부에서 생각해야합니다. 본문 태그에있는 규칙이 있으면 모든 하위 태그를 통해 "캐스케이드"됩니다. 본문 내부의 태그에 규칙을 넣으면 해당 규칙이 채택됩니다. 따라서 규칙은 포함 된 태그의 규칙에 의해 중단되지 않는 한 모든 콘텐츠를 통해 계단식으로 진행됩니다.

---

CSS 처리를 폭포수에 여러 개의 계단식이 포함 된 것처럼 처리 할 수 ​​있습니다. 다음은 위에서 아래로 순서대로 계단식 배열입니다. (낮은 값이 높은 값의 동일한 속성을 재정의 할 수 있습니다.)

1. 사용자 에이전트 선언
2. 사용자 일반 선언
3. 저자 일반 선언
4. 저자 중요 선언
5. 사용자 중요 선언

사양 에서 더보기

계단식는 여러 기원에서 적절한 값을 선택하는 것입니다. 하지만 정렬 과는 다릅니다 . 순서가 맞지 않는 것만 정렬하면됩니다. 그러나 CSS에서 이러한 출처는 고정 된 우선 순위를 갖습니다. 따라서 의사 코드는 다음과 같이 보일 수 있습니다.

1. 값 배열을 초기화하십시오.
2. 첫 번째 원점의 값을 적용하십시오.
3. 두 번째 원점의 값을 적용하고 값이 있으면 재정의합니다.
4. ...
5. N 번째 원점의 값을 적용하고 값이 있으면 재정의합니다.

의사 코드를 보면 여러 계단식 폭포처럼 보입니다.

---

도움이 될 수있는 한 가지 설명입니다. 두 개의 스타일 시트를 포함하고 각각에 동일한 특이성을 가진 규칙이있는 경우 마지막에 포함 된 것이 승리합니다. IE는 캐스케이드의 마지막이 가장 큰 영향을 미칩니다.

(이것은 동일한 시트에 두 가지 규칙이있는 것에 대한 변형 일뿐입니다. 다른 모든 것이 동일하면 마지막 규칙이 이깁니다.)

예 : 주어진

body {
    background:blue;
}

body {
    background:green;
}

그러면 배경이 녹색이됩니다.

---

스타일 시트 사양의 충돌을 해결하는 데 사용되는 프로세스입니다.

이것은 주로 CSS의 우선 순위 언급에 따라 수행되는 충돌 해결 프로세스입니다.

---

CSS는 Cascading Style Sheet를 의미합니다. 본질적으로 스타일이 더 아래로 내려 가면 계단식 스타일 시트가 동일한 스타일을 더 높은 위로 덮어 씁니다 (위쪽 스타일이 더 구체적이지 않는 한). 따라서 모든 버전의 디자인에 적용 할 수있는 스타일 시트의 시작 부분에 기본 스타일을 설정 한 다음 문서에서 미디어 쿼리를 사용하여 관련 섹션을 재정의 할 수 있습니다.

---

Cascading means pouring down in steps or adding in steps. Style sheets contains codes for styling a html element. And the manner in which the codes are written in style sheet is in the cascading fashion. Or simply, back to back codes in layers for each html element of a html page in style sheet make the cascading style sheet.

---

Cascading is an algorithm which assigns weight to each style rule. When several rules apply, the one with the greatest weight takes precedence.

---

CSS doc    
p{font-size: 12pt;}
p{font-size: 14pt;}

<p>My Headline<p>

would render the p at 14pt font because it's "closer" to the actual element (external style sheets loading from top of file to bottom of file). If you use a linked style sheet and then include some CSS in the head of your document after linking to the external CSS doc, the "in head" declaration would win because it's even closer to the element defined. This is only true of equally weighted selectors. Check out http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html for a good description of the weight of a given selector.

All that said, you could consider 'inheritance' as part of the cascade as well - for all practical purposes. Things "cascade" down from containing elements.

참고URL : https://stackoverflow.com/questions/1043001/what-is-the-meaning-of-cascading-in-css