>  기사  >  웹 프론트엔드  >  CSS로 글꼴을 크게 만드는 방법

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

王林
王林원래의
2020-11-11 14:18:342945검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.