>  기사  >  웹 프론트엔드  >  글꼴 크기 구문에 대한 소개 및 관련 예제 튜토리얼 공유

글꼴 크기 구문에 대한 소개 및 관련 예제 튜토리얼 공유

零下一度
零下一度원래의
2017-06-16 17:06:092117검색

font-size 구문:

font-size : absolute-size | relative-size | length

매개변수:
absolute-size: object글꼴에 따라 조정합니다. xx-소형 | 소형 | 비례 em 단위를 사용하여 계산됩니다. 더 크게 | 더 작게
length : Percent | 부동 소수점 숫자와 단위 식별자로 구성된 길이 값이며 음수일 수 없습니다. 백분율 값은 상위 개체의 글꼴 크기를 기반으로 합니다. 길이 단위 보기

설명:
개체의 글꼴 크기를 설정하거나 검색합니다.
기본값은 절대크기의 중간값입니다.
해당 스크립트 기능은 글꼴 크기입니다. 제가 쓴 다른 책들도 참조해 주세요.
예:

p { font-style: normal; } 
p { font-size: 12px; } 
p { font-size: 20%; }

웹 디자인에서 글꼴 크기를 정확하게 결정하는 방법은 무엇입니까?

일반적으로 중국어의 글꼴 크기는 12px 또는 14px입니다. 모니터의 해상도가 계속 높아짐에 따라 1440*900보다 큰 모니터에서는 12px 텍스트가 더 작게 나타나 읽기가 어려워집니다. 따라서 이제 웹 디자인, 특히 기사 본문에서는 12px가 덜 자주 사용됩니다. 일반적으로 사용됩니다. 13px 글꼴은 IE6에서 일부 표시 버그가 있으므로 현재는 많이 사용되지 않지만 IE6이 서서히 단계적으로 폐지됨에 따라 이 문제는 더 이상 문제가 되지 않습니다. 시각적으로 편안하다면 제목 표시줄의 텍스트 크기에는 특별한 제한이 없습니다.

글꼴 크기 코드: 글꼴 크기:14px(글꼴 크기 14픽셀)
글꼴 계열의 경우 일반적으로 14px 이하의 텍스트는 송나라로 설정해야 하며 물론 Microsoft Yahei로 설정할 수도 있습니다. 그러나 XP에서는 기본적으로 Yahei 글꼴이 없으므로 CSS에서 다음과 같이 글꼴을 설정할 수 있습니다.
font-family: "Microsoft Yahei", simSun, Arial
시스템에서 그렇지 않은 경우 여러 글꼴을 쉼표로 구분하세요. 첫 번째 글꼴이 두 개 있으면 두 번째 글꼴을 사용하고 두 번째 글꼴이 없으면 세 번째 글꼴을 사용합니다.

css의 Font-sizeinheritance 문제에 대하여

font-size는 글꼴을 설정하는 CSS 스타일이며 그 값은 px 또는 em일 수 있습니다.

상속 방법은 다음을 기준으로 결정됩니다. 상위 요소, 상위 요소가 글꼴 크기를 정의하고 하위 요소가 글꼴 크기를 설정하지 않은 경우 상위 요소의 글꼴 크기 값이 기본적으로 사용되거나 특정 항목에 대해 값을 개별적으로 설정할 수 있습니다. 요소

위 내용은 글꼴 크기 구문에 대한 소개 및 관련 예제 튜토리얼 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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