CSS로 글꼴을 크게 만드는 방법-CSS 튜토리얼-php.cn

CSS로 글꼴을 크게 만드는 방법

王林

풀어 주다： 2020-11-30 16:14:54

원래의

3049명이 탐색했습니다.

CSS에서 글꼴을 더 크게 만드는 방법: 글꼴 크기 속성을 사용하여 [글꼴 크기:12px]와 같이 글꼴 크기를 설정할 수 있습니다. 글꼴 크기 속성은 글꼴의 문자 상자 높이를 설정한다는 점에 유의하세요.

CSS로 글꼴을 크게 만드는 방법

이 튜토리얼의 운영 환경: windows7 시스템, css1 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

관련 권장 사항: CSS 튜토리얼

css는 글꼴을 더 크게 만듭니다

font-size 속성은 글꼴 크기를 설정할 수 있습니다.

이 속성은 요소의 글꼴 크기를 설정합니다. 이는 실제로 글꼴의 문자 상자 높이를 설정합니다. 실제 문자 글리프는 이 상자보다 높거나 짧을 수 있습니다(보통 더 짧음).

각 키워드에 해당하는 글꼴은 가장 작은 키워드에 해당하는 글꼴보다 크고, 다음으로 큰 키워드에 해당하는 글꼴보다 작아야 합니다.

가능한 값:

xx-small
x-small
small
medium
large
x-large
xx-large    把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large。默认值：medium。    
smaller    把 font-size 设置为比父元素更小的尺寸。    
larger    把 font-size 设置为比父元素更大的尺寸。    
length    把 font-size 设置为一个固定的值。    
%    把 font-size 设置为基于父元素的一个百分比值。    
inherit    规定应该从父元素继承字体尺寸。

로그인 후 복사

예:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div的字体大小 CSS5</title>
<style>
div{ font-size:12px}
.xiao{ font-size:16px}
#da{ font-size:20px}
</style>
</head>
<body>
<div>默认设置12px</div>
<div class="xiao">字体大小为16px</div>
<div id="da">字体大小为20px</div>
<div style=" font-size:24px">我字体大小为24px</div>
<div>默认设置12px</div>
</body>
</html>

로그인 후 복사

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 학습을 방문하세요! !

위 내용은 CSS로 글꼴을 크게 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!