CSS 단위
절대 단위
인치
cm;
pt-파운드
상대 단위em-요소 글꼴 크기 후크 포함;
rem - 루트 요소의 글꼴 크기에 연결됨
px - CSS 픽셀에 연결됨
% - 다른 속성 값의 백분율
CSS에서 백분율을 차지할 수 있는 속성위치 지정: top, 오른쪽, 아래쪽, 왼쪽
상자 모델: 너비, 높이, 여백, 패딩
배경: backgroug-position, backgroud-size
Text: text-indent
Font: 글꼴 크기
백분율 계산 방법퍼센트 계산은 현재 요소의 포함 블록을 기준으로 기준을 기준으로 합니다.
포함 블록의 너비를 기준으로 계산된 속성: margin, padding, width, max-width,min-width, left, right, text-indent.
포함 블록의 높이를 기준으로 계산된 속성: top, Bottom, height, max-height, min-height
현재 글꼴 크기를 기준으로 계산된 속성: line-height
line-height를 기준으로 계산된 속성: Vertical-align
요소 자체의 너비와 높이를 기준으로 : background-position: 배경 이미지의 위치로, 가로 방향과 세로 방향 각각 2개의 값을 설정합니다. 백분율을 사용하면 해당 요소와 이미지 모두에 백분율 값이 적용됩니다. 예를 들어 50% 50%는 사진의 (50%, 50%) 지점을 프레임의 (50%, 50%) 지점과 정렬하며 이는 중앙 중심을 설정하는 것과 같습니다. 마찬가지로 0% 0%는 왼쪽 상단과 동일하고 100% 100%는 오른쪽 하단과 동일합니다
요소 자체의 너비를 기준으로: background-size이지만 이 값은 블록 요소에만 적용할 수 있습니다. 설정된 백분율 값은 배경 이미지를 사용합니다. 크기는 요소 너비의 백분율을 기준으로 계산됩니다. 권장 튜토리얼: "
CSS Tutorial"
위 내용은 CSS 크기(%)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!