집 >웹 프론트엔드 >CSS 튜토리얼 >CSS를 사용하여 키워드 글꼴 크기 설정

CSS를 사용하여 키워드 글꼴 크기 설정

王林앞으로: 2023-09-13 14:13:01800검색

CSS 글꼴 크기 속성은 절대 및 상대 키워드를 사용하여 설정할 수 있습니다. 그러면 필요에 따라 텍스트의 크기가 조정됩니다.

Syntax

CSS 글꼴 크기 속성의 구문은 다음과 같습니다.

Selector {
   font-size: /*value*/
}

다음 표에는 CSS-

글꼴 크기를 다음으로 설정하세요. 상위 요소보다 작은 크기글꼴 크기를 상위 요소보다 큰 크기로 설정하세요 Live Demonstration

<!DOCTYPE html>
<html>
<head>
<style>
h1{
   font-size: larger;
}
#demo {
   font-size: medium;
   text-align: center;
   background-color: floralwhite;
}
p {
   font-size: xx-large;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<p id="demo">This is demo text.</p>
<p>This is another demo text.</p>
</body>
</html>

Sr.No	값 및 설명
에서 사용되는 표준 키워드가 나열되어 있습니다. 1	Medium 글꼴 크기를 중간으로 설정하세요. 이것이 기본값입니다
2	xx-small 글꼴 크기를 xx-small로 설정하세요. 매우 작게 하려면 글꼴 크기를 더 작은 크기로 설정하세요.
4	small
5	large 글꼴 크기를 크게 설정하세요
6	8 Smaller
	9 Bigger
	다음 예에서는 CSS 글꼴을 설정하는 방법을 보여줍니다. -키워드를 사용하는 크기 속성. Example
Output	이 결과는 다음과 같습니다.

위 내용은 CSS를 사용하여 키워드 글꼴 크기 설정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

css

성명：

이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제

이전 기사：CSS 뷰포트 단위를 사용하여 화면 크기에 따라 요소 위치를 조정하는 방법다음 기사：CSS 뷰포트 단위를 사용하여 화면 크기에 따라 요소 위치를 조정하는 방법