집 > 기사 > 웹 프론트엔드 > HTML에서 글꼴 크기를 변경하는 방법

HTML에서 글꼴 크기를 변경하는 방법

青灯夜游원래의: 2021-04-30 17:27:0827917검색

HTML에서 글꼴 크기를 수정하는 방법: 1. "font text" 구문 형식의 글꼴 태그를 사용합니다. 2. 글꼴 텍스트가 포함된 태그 요소에 스타일 속성을 사용하고 "font-size: 가치;" 스타일. .

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

방법 1: 글꼴 태그

를 사용하여 텍스트의 글꼴, 글꼴 크기 및 글꼴 색상을 지정합니다.

글꼴 색상 설정 구문:

<font size="数值">字体文本</font>

크기 속성 값의 범위: 1에서 7까지의 숫자. 브라우저 기본값은 3입니다.

예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<div>测试文本</div>
		<div><font size="5">测试文本</font></div>
	</body>
</html>

렌더링:

HTML에서 글꼴 크기를 변경하는 방법

방법 2: "font-size: value;" 스타일 사용

예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<div>测试文本</div>
		<div style="font-size: 30px;">测试文本</div>
	</body>
</html>

렌더링:

HTML에서 글꼴 크기를 변경하는 방법

css 글꼴 - 크기 속성은 글꼴 크기를 설정하는 데 사용됩니다.

값	설명
xx-소형 x-소형 소형 medium large x-large xx-large	글꼴 변경 크기는 xx-소형에서 xx-대형까지 다양한 크기로 설정됩니다. 기본값: 중간.
smaller	글꼴 크기를 상위 요소보다 작은 크기로 설정하세요.
larger	글꼴 크기를 상위 요소보다 더 크게 설정하세요.
length	글꼴 크기를 고정 값으로 설정하세요.
%	글꼴 크기를 상위 요소를 기반으로 한 백분율 값으로 설정합니다.
inherit	은 글꼴 크기가 상위 요소에서 상속되어야 함을 지정합니다.

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

위 내용은 HTML에서 글꼴 크기를 변경하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：HTML에서 페이지 확대를 비활성화하는 방법다음 기사：HTML에서 페이지 확대를 비활성화하는 방법