CSS 튜토리얼: CSS 선택기, 속성, 값_기본 튜토리얼

body {
font-size: 0.8em;
color: navy
}
위는 body 선택기에 대한 글꼴 크기 글꼴 크기와 색상 글꼴 색상을 설정하는 것을 의미합니다.

그래서 기본적으로 HTML 페이지에서 작동할 때 본문 태그 사이의 텍스트 색상(창 전체에 표시되는 내용)은 남색이고 글꼴 크기는 0.8ems입니다.

길이 및 백분율

CSS에는 단위로 지정해야 하는 속성 값이 많지만 일부 속성에는 일부 기본 단위가 사용되므로 지정할 가치가 있습니다. 전에.
em 예를 들어, Font-size:2em은 계산된 글꼴 크기를 제공하므로 2em은 실제 글꼴 크기의 두 배입니다.
　px, 예를 들어 글꼴 크기:12px는 픽셀 단위입니다.
　pt예를 들어 글꼴 크기:12px는 포인트 단위입니다.
% 예를 들어, 글꼴 크기: 80%는 백분율입니다.
기타 단위에는 pc(12포인트 서양식 활자), cm(센티미터), mm(밀리미터) 및 in(인치)이 포함됩니다.

값이 0이면 단위가 필요하지 않습니다. 예를 들어 border:0은 테두리가 없음을 의미합니다.

웹페이지는 정적이고 절대적인 미디어가 아닙니다. 이는 확장 가능한 모양 내에서 사용자가 글꼴 크기 및 화면 크기를 포함하여 원하는 방식으로 조정할 수 있어야 함을 의미합니다.

이 때문에 글꼴 크기(너비와 높이)에 "em"과 "%"를 사용하는 것이 좋습니다. 이에 비해 px는 대부분의 브라우저에서 크기를 변경할 수 없으므로 아껴서 사용하세요. 테두리의 크기에 사용할 수 있습니다.