CSS 글꼴 크기 속성을 사용하는 방법
- 青灯夜游원래의
- 2019-05-30 11:50:063763검색
css 글꼴 크기 속성은 요소의 글꼴 크기를 설정하는 데 사용됩니다. 이 속성은 실제로 글꼴의 문자 상자 높이를 설정합니다. 실제 문자 글리프는 이 상자보다 높거나 짧을 수 있습니다(보통 더 짧음).
CSS 글꼴 크기 속성을 사용하는 방법은 무엇입니까?
font-size 속성은 글꼴 크기를 설정합니다.
설정할 수 있는 속성 값:
| value | 설명 |
|---|---|
|
xx-small x-small small medium large 대형 xx- 대형 |
글꼴 크기를 xx-소형에서 xx-대형까지 다양한 크기로 설정하세요. 기본값: 중간. |
| smaller | 글꼴 크기를 상위 요소보다 작은 크기로 설정하세요. |
| larger | 글꼴 크기를 상위 요소보다 더 크게 설정하세요. |
| length | 글꼴 크기를 고정 값으로 설정하세요. |
| % | 글꼴 크기를 상위 요소를 기반으로 한 백분율 값으로 설정합니다. |
설명: 이 속성은 요소의 글꼴 크기를 설정합니다. 이는 실제로 글꼴의 문자 상자 높이를 설정합니다. 실제 문자 글리프는 이 상자보다 높거나 짧을 수 있습니다(보통 더 짧음). 각 키워드에 해당하는 글꼴은 가장 작은 키워드에 해당하는 글꼴보다 크고 다음으로 큰 키워드에 해당하는 글꼴보다 작아야 합니다.
참고: 모든 주요 브라우저는 글꼴 크기 속성을 지원합니다.
css 글꼴 크기 속성 예
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
h1 {font-size: 300%}
h2 {font-size: 200%}
p {font-size: 100%}
</style>
</head>
<body>
<h1>php中文网</h1>
<h2>php视频教程</h2>
<p>php程序员词典</p>
</body>
</html>렌더링:
위 내용은 CSS 글꼴 크기 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.