CSS 글꼴 크기 속성은 절대 및 상대 키워드를 사용하여 설정할 수 있습니다. 그러면 필요에 따라 텍스트의 크기가 조정됩니다.
Syntax
CSS 글꼴 크기 속성의 구문은 다음과 같습니다.
Selector {
font-size: /*value*/
}로그인 후 복사
다음 표에는 CSS-
| Sr.No | 값 및 설명 |
|---|
| 에서 사용되는 표준 키워드가 나열되어 있습니다. 1 | Medium 글꼴 크기를 중간으로 설정하세요. 이것이 기본값입니다 |
| 2 | xx-small 글꼴 크기를 xx-small로 설정하세요. 매우 작게 하려면 글꼴 크기를 더 작은 크기로 설정하세요. |
| 4 | small < /p> |
| 5 | large< /strong> 글꼴 크기를 크게 설정하세요 |
| 6 | 8 Smaller |
글꼴 크기를 다음으로 설정하세요. 상위 요소보다 작은 크기 | 9 Bigger |
글꼴 크기를 상위 요소보다 큰 크기로 설정하세요 | 다음 예에서는 CSS 글꼴을 설정하는 방법을 보여줍니다. -키워드를 사용하는 크기 속성. Example |
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>로그인 후 복사
Output |
이 결과는 다음과 같습니다.
| 위 내용은 CSS를 사용하여 키워드 글꼴 크기 설정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
-
2024-10-13 13:32:21
-
2024-10-12 11:58:51
-
2024-10-11 20:06:51
-
2024-10-11 18:59:31
-
2024-10-11 18:30:51
-
2024-10-11 15:51:51
-
2024-10-11 15:42:10
-
2024-10-11 14:41:20
-
2024-10-11 14:08:31
-
2024-10-11 13:42:21
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
