CSS에서 일반적으로 사용되는 글꼴 속성은 다음과 같습니다. 1. "font-family"는 글꼴 유형을 지정할 수 있습니다. 2. "font-size"는 글꼴 크기를 설정할 수 있습니다. 3. "font-style"은 글꼴 스타일을 설정할 수 있습니다. . "글꼴-굵기"; 5. "글꼴-변형";
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
css 글꼴 속성
Property | Description | CSS |
---|---|---|
font | 모든 글꼴 속성을 하나의 명령문으로 설정 | 1 |
font-family | 글꼴을 지정하세요. 텍스트 시리즈 | 1 |
font-size | 텍스트의 글꼴 크기를 지정합니다 | 1 |
font-style | 텍스트의 글꼴 스타일을 지정합니다 | 1 |
font-variant | 글꼴 스타일의 텍스트를 지정합니다. | 1 |
font-weight | 글꼴의 두께를 지정합니다. | 1 |
@font-face | 웹사이트에서 다른 글꼴을 다운로드하고 사용할 수 있도록 허용하는 규칙 "웹 안전" 글꼴보다 글꼴 | 3 |
font-size-adjust | 요소의 가로세로 값을 지정합니다 | 3 |
font-stretch | 현재 글꼴 계열을 줄이거나 늘입니다 | 3 |
다음은 좀 더 자세히 살펴볼 것입니다. 일반적으로 사용되는 글꼴 속성을 소개합니다.
1.font-family
이 속성은 Song 스타일, Hei 유형, 공식 스크립트, Kai 스타일, Times New Roman 등과 같은 텍스트의 글꼴 유형을 지정하는 데 사용됩니다. 구체적인 구문은 다음과 같습니다.
{font-family:name;}
여기서 name은 글꼴의 이름입니다. 예: {font-family: 宋体;}
2.font-size
이 속성은 텍스트의 크기를 설정하는 데 사용됩니다. 구체적인 구문 형식은 다음과 같습니다.
{font-size:数值 | xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | lentgth | inherit;}
이 매개변수의 의미는 픽셀 값, 최소, 더 작음, 작음, 보통, 큼, 더 큼, 최대, 상대 글꼴 크기, 상대 글꼴 크기, 백분율, 상속입니다.
3.font-style
이 속성은 글꼴의 스타일, 즉 글꼴의 표시 스타일을 정의하는 데 사용됩니다. 구체적인 구문은 다음과 같습니다.
{font-style: normal | intalic | oblique | inherit;}
속성 값은 각각 기본값, 기울임꼴, 기울임꼴, 상속을 나타냅니다.
4. Font-weight
이 속성은 글꼴의 두께를 정의하는 데 사용됩니다. 구체적인 구문은 다음과 같습니다.
{font-weight: 100-900 | bold | bolder | lighter | normal;}
속성 값은 숫자 값, 굵게, 굵게, 가늘게, 기본값을 나타냅니다. 각기.
5.font-variant
이 속성은 대문자의 글꼴 표시를 설정하는 데 사용됩니다. 구체적인 구문 형식은 다음과 같습니다.
{font-variant: normal | small-caps | inherit;}
매개변수 값은 각각 기본값, 소문자를 표시하는 글꼴, 상속을 나타냅니다.
6. 글꼴
이 속성은 한 번에 여러 속성을 사용하여 글꼴의 복합 속성인 텍스트 글꼴을 정의할 수 있습니다. 구체적인 구문은 다음과 같습니다:
{font: font-style | font-variant | font-weight | font-size | font-family;}
(동영상 공유 학습: css 동영상 튜토리얼)
위 내용은 CSS에서 일반적으로 사용되는 글꼴 속성은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!