>  기사  >  웹 프론트엔드  >  글꼴 두께: 굵게와 CSS 설정 값의 차이점에 대한 자세한 설명

글꼴 두께: 굵게와 CSS 설정 값의 차이점에 대한 자세한 설명

黄舟
黄舟원래의
2017-07-22 13:18:512903검색

이전에는 글꼴 무게를 굵게 설정했습니다. 브라우저에 표시될 때 최종 효과가 왜 정상이 되었는지 이해하지 못했는데, 확인해보니 상위 요소에 비해 굵게 표시되는 것이었습니다.

부모 개체의 값이 보통이고 자식 개체의 값을 굵게 설정하면 결국 굵게, 즉 굵게 표시됩니다.

그리고 내 상위 요소는 글꼴 가중치:200을 설정하여 최종 디스플레이가 정상이 됩니다.

글꼴 무게(미세) 속성

값: 일반 | 굵게 | 400 | 700 | 900 | ​​​설명
normal 기본값입니다. 글꼴이 정상적으로 표시됩니다.
굵게

더 가벼움 보통보다 가벼움
100 최소한 200만큼 가벼움
200 최소한 100만큼 굵게, 최소한 300만큼 가벼움
300 최소한 200만큼 두껍게, 최소한 400만큼 가벼움
400 글꼴이 정상적으로 표시되며 이는 일반과 동일합니다. 00500은 최소한 400만큼 두껍고 최소한 600만큼 가볍습니다. 최소한 500은 500만큼 두껍고 최소한 700
700만큼 가볍습니다. 이는 굵게 표시됩니다. 00800은 최소한 700만큼 두껍고 최소한 800만큼 가볍습니다. 최소한 800은 최소한 800만큼 두껍습니다. "상속" 값을 지원하지 않습니다. IE8에는 정의가 필요합니다! 문서 유형. IE9는 "상속"을 지원합니다.


위 내용은 글꼴 두께: 굵게와 CSS 설정 값의 차이점에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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