>  기사  >  웹 프론트엔드  >  HTML에서 텍스트 크기를 설정하는 방법

HTML에서 텍스트 크기를 설정하는 방법

藏色散人
藏色散人원래의
2021-04-27 15:46:3134320검색

HTML에서 텍스트 크기를 설정하는 방법: 1. 글꼴 크기 뒤에 px 값을 추가하여 텍스트 크기를 설정합니다. 2. 상속을 통해 상위 요소의 글꼴 크기를 상속합니다. 3. 텍스트 크기를 고정 값으로 설정합니다. "xx-smal"과 같은 것입니다.

HTML에서 텍스트 크기를 설정하는 방법

이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

방법:

첫 번째 방법: 글꼴 크기 뒤에 px 값을 추가합니다

HTML에서 텍스트 크기를 설정하는 방법

그림에 표시된 대로 px가 클수록 글꼴도 커집니다

HTML에서 텍스트 크기를 설정하는 방법

두 번째 방법: 상속, 상속 상위 요소의 글꼴 크기, 예를 들어 상위 요소가 10px이면 하위 요소도 10px

HTML에서 텍스트 크기를 설정하는 방법

세 번째 유형: 여러 고정 값 ​​(기본값은 중간):

xx-small, x-small, small , Medium, Large, x-large, xx-large

HTML에서 텍스트 크기를 설정하는 방법

네 번째 방법: 더 작고 더 큼

이 두 가지는 상위 요소의 크기에 상대적입니다

HTML에서 텍스트 크기를 설정하는 방법

다섯 번째 방법: 백분율 형식

백분율 조정도 상위 요소의 크기에 따라 결정됩니다

HTML에서 텍스트 크기를 설정하는 방법

[추천 학습: css 비디오 튜토리얼]

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

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