CSS에서 전체 페이지 텍스트 글꼴을 균일하게 설정하는 방법-CSS 튜토리얼-php.cn

CSS에서 전체 페이지 텍스트 글꼴을 균일하게 설정하는 방법

WBOY

풀어 주다： 2021-12-06 14:34:42

원래의

6103명이 탐색했습니다.

CSS에서는 "*" 선택기와 "글꼴 크기" 속성을 사용하여 전체 페이지 텍스트 글꼴을 균일하게 설정할 수 있습니다. "*" 선택기는 페이지의 모든 태그와 요소를 선택할 수 있으며 "글꼴" -size" 속성을 사용할 수 있습니다. 텍스트의 글꼴 스타일을 설정하는 경우 구문은 "*{font-size: 글꼴 크기 값;}"입니다.

CSS에서 전체 페이지 텍스트 글꼴을 균일하게 설정하는 방법

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

css에서 전체 페이지 텍스트 글꼴을 균일하게 설정하는 방법

css에서는 와일드카드 선택기 "*"와 글꼴 크기 속성을 사용하여 전체 페이지 텍스트 글꼴을 균일하게 설정할 수 있습니다. 별표 *로 표시되며 이는 "모두"를 의미합니다.

예제는 다음과 같습니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h1>这是一句话</h1>
    <h2>这也是一句话</h2>
</body>
</html>

로그인 후 복사

출력 결과:

CSS에서 전체 페이지 텍스트 글꼴을 균일하게 설정하는 방법

"*" 및 글꼴 크기 속성을 사용하여 전체 페이지 글꼴 스타일을 설정합니다. 예는 다음과 같습니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
    *{
        font-size:20px;
    }
    </style>
</head>
<body>
    <h1>这是一句话</h1>
    <h2>这也是一句话</h2>
</body>
</html>

로그인 후 복사

출력 결과:

CSS에서 전체 페이지 텍스트 글꼴을 균일하게 설정하는 방법