Предположим, что Вы создали достаточно симпатичную страничку с малым
количеством графических элементов, текст у Вас расположен в таблице в
две колонки. Вы некоторое время любуетесь вашим творением, но тут
приходит Ваш приятель и погружает Вас в глубокое уныние, поставив в
настройках броузера более крупный шрифт. Вы видите, что страница
приняла вид весьма далёкий от того, что было задумано изначально. Что
же делать? Самый простой способ решения подобной задачи заключается в
составлении таблицы стилей для Вашего сайта. Эти таблицы относятся к
каскадным таблицам стилей (Cascading Style Sheets – CSS). Это означает,
что при определении стиля какого-нибудь элемента все элементы,
находящиеся внутри него, наследуют этот стиль.
Вот простейший пример таблицы стилей:
<style>
body
.text1 {text-decoration: none; font-family: arial, font-size: 10pt; font-weight : bold; color: red}
.text2 {font-family: sans-serif; font-size: 14pt; color: black;}
</style>
Обращение к элементам таблицы:
<div class=text1>Стиль text1</div> - в этом случае фраза "Стиль text1" будет напечатана красным жирным шрифтом Arial размером 10 pt.
Если же эту фразу сделать ещё и ссылкой, то она не будет подчёркнутой, так как text-decoration: none:
<a href=# class=text1>Стиль text1</a>
Аналогично
<div
class=text2>Стиль text2</div> - в этом случае фраза "Стиль
text2" будет напечатана чёрным шрифтом Sans-serif размером 14 pt.
Можно
не составлять таблицу стилей отдельно, а задать стиль непосредственно в
теге. Так, например, чтобы создать неподчёркнутую ссылку, необходимо её
реализовать в таком виде:
<a href=# style=" text-decoration: none;">Неподчеркнутая ссылка</a>
Преимуществом реализации таких способов
задания стилей является то, что всё рассказанное выше работает как в
Internet Explorer , так и в Netscape Navigator. При этом даже если Вы
поменяете настройки любого из этих броузеров с целью увеличения или
уменьшения размера шрифтов, то Вы увидите, что они не изменяются, -
использование стилей не позволяет броузеру менять размеры шрифтов. Это
является большим достижением CSS, так как теперь Вы можете
рассчитывать, что у большинства пользователей страница будет
отображаться именно так, как Вы и ожидаете этого. Правда, применение
CSS вовсе не спасает от изменения размеров системных шрифтов Widows, но
у большинства людей шрифт Normal. Если же пользователь ставит крупный
шрифт, то он увидит немалое количество Интернет-страниц в неадекватном
виде.
| 
