CSS를 사용하여 웹 페이지의 글꼴 크기를 쉽게 변경할 수 있습니다.
이미지 크레디트: Ableimages/포토디스크/게티 이미지
HTML 스타일 언어인 Cascading Style Sheets의 font-size 속성을 사용하여 웹 페이지의 글꼴 크기를 제어할 수 있습니다. HTML 5부터 글꼴 스타일에 대한 CSS 접근 방식은 이전 "글꼴" 태그를 대체합니다. 글꼴 태그는 HTML 4 형식의 웹 페이지에 유효하지만 HTML 5에서는 더 이상 유효한 태그로 지원되지 않습니다.
CSS로 글꼴 크기 정의하기
글꼴 크기는 CSS 속성 "font-size"를 사용하여 웹 페이지에서 설정됩니다. 글꼴 크기는 일반적으로 다음을 사용하여 정의됩니다. 활자체 측정 "em", 여기서 1.0은 현재 글꼴 크기 또는 백분율, 여기서 100%는 현재 글꼴 크기. "작게", "크게", "작게" 및 "xx-large"와 같은 사전 설정 값 이름을 사용할 수도 있습니다. 사이즈를 정의하면서 픽셀 또는 포인트 단위가 유효하지만 특정 영역에서는 텍스트 크기가 올바르게 조정되지 않을 수 있으므로 권장하지 않습니다. 상황.
오늘의 비디오
웹 페이지 본문에 있는 거의 모든 HTML 태그에서 스타일을 사용할 수 있습니다. CSS font-size 속성이 원하는 크기로 설정된 태그에 "style" 속성을 추가합니다. 스타일은 태그의 시작과 끝 사이의 텍스트에 영향을 줍니다. 예를 들면 다음과 같습니다.
이 텍스트는 평소보다 큽니다.
이 텍스트는 더 작습니다.
이 텍스트도 더 작습니다.
스타일 시트에서 CSS 사용하기
웹 페이지에 페이지 헤드에 포함되거나 별도의 파일에 정의된 CSS 스타일 시트가 있는 경우 글꼴 크기를 변경할 수 있습니다. 스타일 시트는 웹 페이지를 전체적으로 변경할 때 편리합니다. 변경하려는 선언을 찾거나 추가하고 글꼴 크기 코드를 추가합니다. 예를 들어, 모든 단락 태그에 대해 글꼴 크기를 더 크게 만들려면 다음을 사용하십시오.
p { 글꼴 크기: 125%; }
