简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > CSS 튜토리얼 > 본문

CSS의 글꼴 약어

墨辰丷
풀어 주다： 2018-05-09 17:58:30
원래의
1821명이 탐색했습니다.

이 글에서는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
css font
원천：php.cn
이전 기사：CSS를 사용하여 위치를 수정하는 방법 다음 기사：CSS에서 스프라이트 적용
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
PX가 REM 오류로 자동 변환  <style>html {   글꼴 크기: calc(100vw / 3.75);      }body {    글꼴 크기: 0.16rem;      }&l...
에서 2024-04-16 09:34:16
0
0
4687
블록 개행 뒤에 요소 표시 나는 현재 이것을 가지고 있습니다: 아이콘 div를 텍스트 끝에 넣고 싶지만 "블록"이기 때문에 작동하게 할 수 없습니다. 원하는 출력: 코드 ...
에서 2024-04-04 21:45:21
0
1
271
탐색 표시줄의 중앙 드롭다운 메뉴 나는 CSS/HTML을 제작했습니다..navbar{width:100%; background-color:rgb(151,44,44);overflow:auto;}.na...
에서 2024-04-04 18:24:52
0
1
338
수직으로 회전된 표 제목, 중앙 + 하단 정렬, 브라우저 간 Chrome에서는 예상대로 보이지만 Firefox에서는 그렇지 않은 회전된 헤더가 있는 테이블이 있습니다. Chromev108(수직 하단, 수평 중간) ✅Fire...
에서 2024-04-04 16:45:25
0
1
330
HTML에서 <br> 태그를 사용할 때 출력 형식에 문제가 있습니다. 연습문제 때문에 고민이에요. 보시다시피 HTML부터 CSS까지 모든 것이 있지만 출력은 이제 올바른 방식으로 표시됩니다. <br> 태그를 사용하면 출력...
에서 2024-04-02 15:56:11
0
1
315
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！