%는 CSS3의 단위인가요?

"%"는 CSS3의 단위입니다. "%"는 백분율을 나타내며 상대적인 길이 단위입니다. 길이 값을 허용하는 모든 속성은 백분율 단위를 사용할 수 있지만 속성에 따라 이 단위를 사용하는 효과가 다릅니다. 참조 값은 포함 블록의 높이, 너비 또는 글꼴 크기에 상대적인 값입니다. 구문은 "요소 {길이 값 속성: 백분율 값 %}"입니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS3 단위

CSS %--Percent

Percent(%)는 또한 가장 일반적으로 사용되는 단위 중 하나입니다. 길이 값을 허용하는 모든 속성은 백분율 단위를 사용할 수 있습니다. 그러나 이 유닛을 다른 속성으로 사용하면 효과가 다를 수 있습니다. 그러나 모두 참조 값이 있어야 합니다. 즉, 백분율 값은 상대 값입니다.

백분율은 포함 블록의 높이와 너비 또는 글꼴 크기를 기준으로 측정되는 상대적 길이 단위입니다.

포함 블록의 개념은 단순히 상위 요소로 이해될 수 없습니다.

정적 위치 지정 및 상대 위치 지정인 경우 포함 블록은 일반적으로 상위 요소입니다.

절대적으로 배치된 요소인 경우 포함 블록은 비정적 위치 속성을 가진 가장 가까운 조상 요소여야 합니다.

고정 위치 요소인 경우 포함 블록은 뷰포트입니다.

백분율 상속

요소가 백분율 속성을 설정하면 하위 요소가 계산된 값을 상속합니다. 예:

p { font-size: 10px;line-height: 120%; }

그러면 p의 하위 요소에 상속된 값은 line-height: 120%가 아니라 line-height: 12px입니다.

(학습 영상 공유: css 영상 튜토리얼, html 영상 튜토리얼)

위 내용은 %는 CSS3의 단위인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!