글꼴과 줄 높이의 CSS 코드 작성 순서가 다르기 때문에 표시 효과가 다릅니다._경험 교환

CSS의 글꼴 속성과 줄 높이 속성을 동일한 HTML 태그에 적용할 때 두 속성의 쓰기 순서가 다르기 때문에 표시 효과가 달라지게 된다는 사실을 우연히 발견했습니다.
즉,
>>> 글꼴을 먼저 쓴 다음 line-height를 쓰면 표시 효과가 정상이 됩니다.
>>> line-height를 먼저 쓰고 글꼴을 쓰면 다음과 같은 효과가 정의됩니다. line-height가 손실됩니다. 이 BUG는 IE, Firefox 및 Opera에서 나타납니다.

특정 효과를 보려면 다음 코드를 참조하세요.

h1:

IECN.Net - 웹 기술에 집중하고 개발의 즐거움을 경험해보세요!

IECN.Net - 웹 기술에 집중하고 개발의 즐거움을 경험해보세요!

div:

IECN.Net - 웹 기술에 집중하고 개발의 즐거움을 경험해보세요!

IECN.Net - 웹 기술에 집중하고 개발의 즐거움을 경험해보세요!

원문: http://www.cnlei.org/blog/article.asp?id=343

참고: Fengyan의 메시지를 읽은 후 확인하세요.
를 인용하려면 CSS 도움말 문서

를 확인하세요. 글꼴 정의 매개변수는 다음 순서로 배열되어야 합니다. 매개변수당 하나의 값만 허용됩니다. 무시하면 해당 매개변수에 해당하는 독립 속성의 기본값이 사용됩니다:
font : 글꼴 스타일 || 글꼴 크기 || family
예: p { 글꼴: italic small-caps 600 12pts/18pts 宋体 }

저자: ztu http://www.dnew.cn/post/217.htm#topreply