주의: CSS 코드 작성 순서가 다르기 때문에 표시 효과도 달라집니다_체험 교환

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

특정 효과는 다음 코드를 참조하세요.

h1: <p> </p>IECN.Net - 웹 기술에 집중하고 개발의 즐거움을 경험해보세요! <h1 style="background:#f00;margin:5px 0;font:bold 20px 宋体,Geneva,Arial,sans-serif;line-height:40px;"> </h1>IECN.Net - 웹 기술에 집중하고 개발의 즐거움을 경험해보세요! <h1 style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;"> </h1>div:<p> </p>IECN.Net - 웹 기술에 집중하고 개발의 즐거움을 경험해보세요! <div style="background:#f00;margin:5px 0;font:bold 20px 宋体,Geneva,Arial,sans-serif;line-height:40px;"> </div>IECN.Net - 웹 기술에 집중하고 개발의 즐거움을 경험해보세요! <div style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;"> </div>
[Ctrl+A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]