>  기사  >  웹 프론트엔드  >  CSS 기본 글꼴 크기는 무엇을 의미합니까?

CSS 기본 글꼴 크기는 무엇을 의미합니까?

WBOY
WBOY원래의
2022-09-13 17:10:597526검색

CSS에서 "글꼴 크기"는 글꼴 크기를 의미합니다. 이 속성을 사용하여 텍스트의 글꼴 크기를 설정할 수 있을 뿐만 아니라 백분율 기호를 사용하여 상위 요소에 상대적인 글꼴 크기입니다. 백분율 값 또는 글꼴 크기를 나타내는 크기 값, 구문은 "요소 {글꼴 크기: 속성 값}"입니다.

CSS 기본 글꼴 크기는 무엇을 의미합니까?

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

CSS의 기본 글꼴 크기는 무엇을 의미하나요?

CSS의 글꼴 크기는 글꼴 크기를 의미합니다. 글꼴 크기를 설정하는 데 사용됩니다.

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

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

이 속성에 가능한 값

글꼴 크기를 xx-소형에서 xx-대형까지 다양한 크기로 설정하세요. ㅋㅋㅋ

xx-large

    기본값 :중간.
  • smaller는 글꼴 크기를 상위 요소보다 작은 크기로 설정합니다.
  • larger는 글꼴 크기를 상위 요소보다 더 크게 설정합니다.
  • length는 글꼴 크기를 고정 값으로 설정합니다.
  • %는 글꼴 크기를 상위 요소를 기반으로 한 백분율 값으로 설정합니다.
  • 예제는 다음과 같습니다.

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <title>123</title>
    <style>
    h1 {font-size:50%;}
    h2 {font-size:50px;}
    p {font-size:larger;}
    </style>
    </head>
    <body>
    <h1>听妈妈的话</h1>
    <h2>依然范特西</h2>
    <p>叶惠美</p>
    </body>
    </html>
  • 출력 결과:
  • (학습 영상 공유:

    css 영상 튜토리얼

    ,
  • html 영상 튜토리얼
)

위 내용은 CSS 기본 글꼴 크기는 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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