CSS와 너비/높이 HTML 속성의 너비/높이의 차이는 무엇입니까?

일부 HTML 요소는 속성으로 너비와 높이를 허용합니다. 일부는 그렇지 않습니다. 예를 들어:

 
<img     style="max-width:90%" alt="CSS와 너비/높이 HTML 속성의 너비/높이의 차이는 무엇입니까?" >
<iframe width="600" height="400" src="..."> </iframe>
<svg> </svg>


<div width="40" height="40"> </div>
<span width="100"> </span>

이러한 속성은 때때로 프레젠테이션 속성 이라고합니다. 그들에 대해 알아야 할 것은 다른 스타일 정보에 의해 무시된다는 것입니다. 그것은 그들이 폴백으로 이상적입니다.

따라서 CSS가로드되고 다음과 같은 선언이있는 경우

 img {
  너비 : 400px;
}

… 위의 태그에서 너비 = "500"을 무시할 것입니다. 프리젠 테이션 속성은 가장 약한 스타일이므로 모든 CSS, 특이성이 매우 낮은 선택기에 의해 상환됩니다.

혼란 스러울 수있는 것은 프리젠 테이션 속성이 높은 특이성을 갖는 것처럼 보인다는 것입니다. 예를 들어 이러한 인라인 스타일은 매우 강력 합니다 .

 <img   style="max-width:90%" src="..." alt="...">

인라인 스타일을 사용하여 (선택된 소수가 아닌 모든 요소에서 작동 함) 가장 약한 방법에서 너비와 높이를 가장 강한 것 중 하나로 옮겼습니다. 규칙적인 CSS는 특이성 강도의 선택기로이를 무시하지 않습니다. CSS에서이를 무시 해야하는 경우 중요한 규칙이 필요합니다.

 img {
  너비 : 400px! 중요;
}

반복하기 위해, 그들을 받아들이는 요소에 대한 프리젠 테이션 속성 (예 : , , ,

그러나 프리젠 테이션 속성도 약하며 일반적으로 CSS에서 상급됩니다.

위 내용은 CSS와 너비/높이 HTML 속성의 너비/높이의 차이는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!