하나의 명령문에서 모든 글꼴 속성을 설정하는 방법

분석 예:

글꼴 속성은 하나의 명령문에서 모든 글꼴 속성을 설정하는 데 사용되는 CSS 단축 속성입니다.

설정 가능한 속성은 다음과 같습니다(순서대로): "글꼴 스타일 글꼴-변형 글꼴-가중치 글꼴-크기/줄 높이 글꼴-가족"

설명:

●글꼴 스타일: 글꼴 스타일을 지정합니다.

　● Font-variant: 글꼴 변형을 지정합니다.

● 글꼴 두께: 글꼴 두께를 지정합니다.

●　font-size/line-height: 글꼴 크기와 줄 높이를 지정합니다.

　● Font-family: 글꼴 계열을 지정합니다.

● 캡션: 캡션 컨트롤(예: 버튼, 드롭다운 목록 등)에 사용되는 글꼴을 정의합니다.

　● icon : 아이콘 표시에 사용되는 글꼴을 정의합니다.

● 메뉴: 드롭다운 목록에 사용되는 글꼴을 정의합니다.

　●Message-box: 대화 상자에서 사용되는 글꼴을 정의합니다.

● 작은 캡션: 캡션 글꼴의 작은 버전입니다.

● 상태 표시줄: 창 상태 표시줄에 사용되는 글꼴을 정의합니다.

글꼴 크기 및 글꼴 모음 값은 필수입니다. 다른 값이 누락된 경우 기본값이 있으면 해당 값이 삽입됩니다.

참고: line-height 속성은 줄 사이의 간격을 설정합니다.

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> p.ex1 { font:15px arial,sans-serif; } p.ex2 { font:italic bold 12px/30px Georgia,serif; } </style> </head> <body> <p class="ex1">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p> <p class="ex2">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p> </body> </html>

제출하다 코드 재설정

자동운전