Код вашей страницы

 <html>
<head>
<style>
h1 {font-size:2.5em;} /* 40px/16=2.5em */
h2 {font-size:1.875em;} /* 30px/16=1.875em */
p {font-size:0.875em;} /* 14px/16=0.875em */
</style>
</head>
<body>

<h1>Это заголовок первого уровня</h1>
<h2>Это заголовок второго уровня</h2>
<p>Это параграф.</p>
<p>Размеры шрифта в em поддерживаются в Internet Explorer, Firefox, Chrome, Opera и Safari и позволяют масштабировать текст.
К сожалению, мы опять имеем проблемы с IE. При масштабировании текста, он увеличивается/уменьшается не так, как должен, т.е. масштабируется непропорционально.
</p>
</body>
</html>

Результат в окне браузера

Это заголовок первого уровня

Это заголовок второго уровня

Это параграф.

Размеры шрифта в em поддерживаются в Internet Explorer, Firefox, Chrome, Opera и Safari и позволяют масштабировать текст. К сожалению, мы опять имеем проблемы с IE. При масштабировании текста, он увеличивается/уменьшается не так, как должен, т.е. масштабируется непропорционально.

К примерам CSS >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки