CSS의 단위
때 또는 CSS 속성에 대한 길이와 같은 값을 숫자로 지정 width 또는 font-size 다른 단위의 선택의 여지가있다. 3 가장 많이 사용되는 것들 픽셀, 상대의 가치와 백분율입니다.
픽셀
픽셀의 작은 점들이 귀하의 컴퓨터 화면을 만들고 당신이 매체에 사용할 수있는 가장 정확한 단위입니다. 만약 당신이 그것을 정확하게, 더 이상없고 덜 표시됩니다 100 픽셀의 너비를 설정합니다. 픽셀에서 단순히 값을 후 바로 추가 픽셀 값을 설정할 수있습니다.
CSS를 픽셀 단위
상대 가치
상대 가치를 종종 사용됩니다 font-size 비록 그들이 다른 어떤 숫자 속성도 사용할 수있습니다. 그들은 현재 요소와 상대하는 그들을 추가하여 설정됩니다. 1em은 항상 현재의 값을 변경, 2em을 사용합니다 (기술적으로 그들을 소문자로 난 문자의 너비에 상대적인 의미 그것을 두 번 및 30을 사용 0.5em를 사용하여 현재 글꼴).
CSS는 상대적으로 값이 단위
p {font-size:2em}
위의 코드를 설정합니다 font-size Body 요소에 대한 13 픽셀. 몸 내부 단락 요소 2em의 상대적인 가치를, 따라서 26 픽셀 값을 두 배로 사용할 수있습니다.
만약 우리가 1.9em를 사용하는 대신, 단락 24.7 픽셀의 가치가 높아집니다. 왜냐하면 컴퓨터 화면에서만 웹 브라우저 중 하나를 24 픽셀 또는 25 픽셀로 가끔은 브라우저 사이의 불일치가 발생할 수있습니다 값으로 회전하려고 시도합니다 전체 픽셀을 표시할 수있습니다.
백분율
꽤 많은 비율의 상대 가치와 같은 방식으로 작동. 100 %로 현재 가치를 변경, 200 % 걸리는 그래서 그것을 두 배로. 비율 %를 추가하여 설정됩니다.
CSS의 비율 단위
p {font-size:200%}
제로
하면 값을 필요는없습니다 유닛 상태는 0으로 설정됩니다.
CSS의 값이 0
기타 장치
거기에 PC를 (picas 등과 같은 좀 더 드물게 사용되는 단위) ㎝ (센티미터), 음 (밀리미터), (인치) 및 태평양 표준시 (점)입니다.
사용 지침
1. 글꼴에 대한 상대 값
웹사이트 에게서는 유연성 및 크기 조정, 글꼴 (Ctrl 키를 누른 상태 및 마우스 휠을 이동)을 포함하여. 만약 당신이 지정하는 Internet Explorer의 일부 이전 버전의 글꼴 크기 거부 font-size 픽셀이다. 대신에 상대적인 값을 사용합니다.위한 76 % <body> 글꼴과 그들을 모두 다른 글꼴에 대한 모든 브라우저에서 일관성있는 글꼴을 얻기 위해서 일반적으로 사용되는 기법입니다.
2. 픽셀에만 필요한 경우
손가락의 일반적인 규칙은 상대적으로 가치와 비율은 어디에 유연하게 레이아웃을 통해 모든 미디어 있도록 가능한 한 사용하는 것입니다. 에 필요한 경우 비록 픽셀 위치를 확인하는 일이 매우 정확하게 화면.