>  기사  >  웹 프론트엔드  >  CSS의 글꼴 약어

CSS의 글꼴 약어

墨辰丷
墨辰丷원래의
2018-05-09 17:58:301780검색

이 글에서는 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:&#39;宋体&#39;} 
</style> 
<div class="login_top">我垂直不居中</div> 
<br/ > 
<div class="login_top2">我垂直居中</div>

요약:

1. 축약하면 Font-size와 line-height는 슬래시/를 통해 하나의 값만 구성할 수 있으며 별도로 작성할 수 없습니다.

2. 이 단축 방법은 글꼴 크기와 글꼴 모음 속성이 동시에 지정된 경우에만 작동합니다. 또한 글꼴 두께, 글꼴 스타일 및 글꼴 변형을 설정하지 않으면 기본값을 사용합니다 ​​

관련 권장 사항:

js가 글꼴 크기를 일치시키고 계산하는 방법

글꼴 크기 - 조정 속성을 사용하여 웹 페이지 레이아웃을 최적화하는 방법

font-weight: 블러드 바운스 처리 방법

css3 글꼴 변형에 대한 자세한 설명

위 내용은 CSS의 글꼴 약어의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.