이 글에서는 CSS의 글꼴 약어를 자세히 소개합니다. 관심 있는 친구들은 참고하세요.
예제 코드는 다음과 같습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style>
.login_top{height:26px;font:bold 14px/26px "宋体"; border:1px solid #000}
.login_top2{height:26px; line-height:26px; font-weight:bold;font-size:14px;border:1px
solid #000; font-family:'宋体'}
</style>
<div class="login_top">我垂直不居中</div>
<br/ >
<div class="login_top2">我垂直居中</div>요약:
1. 축약하면 Font-size와 line-height는 슬래시/를 통해 하나의 값만 구성할 수 있으며 별도로 작성할 수 없습니다.
2. 이 단축 방법은 글꼴 크기와 글꼴 모음 속성이 동시에 지정된 경우에만 작동합니다. 또한 글꼴 두께, 글꼴 스타일 및 글꼴 변형을 설정하지 않으면 기본값을 사용합니다
관련 권장 사항:
글꼴 크기 - 조정 속성을 사용하여 웹 페이지 레이아웃을 최적화하는 방법
위 내용은 CSS의 글꼴 약어의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
