| Календарь новостей |
| « Январь 2025 » | | Пн | Вт | Ср | Чт | Пт | Сб | Вс | | | | 1 | 2 | 3 | 4 | 5 | | 6 | 7 | 8 | 9 | 10 | 11 | 12 | | 13 | 14 | 15 | 16 | 17 | 18 | 19 | | 20 | 21 | 22 | 23 | 24 | 25 | 26 | | 27 | 28 | 29 | 30 | 31 |
|
|
| JavaScript |
 |
|
|
Предположим, что Вы создали достаточно симпатичную страничку с малым количеством графических элементов, текст у Вас расположен в таблице в две колонки. Вы некоторое время любуетесь вашим творением, но тут приходит Ваш приятель и погружает Вас в глубокое уныние, поставив в настройках броузера более крупный шрифт. Вы видите, что страница приняла вид весьма далёкий от того, что было задумано изначально. Что же делать? Самый простой способ решения подобной задачи заключается в составлении таблицы стилей для Вашего сайта. Эти таблицы относятся к каскадным таблицам стилей (Cascading Style Sheets – CSS). Это означает, что при определении стиля какого-нибудь элемента все элементы, находящиеся внутри него, наследуют этот стиль.
Вот простейший пример таблицы стилей:
<style>
body
.text11 {text-decoration: none; font-family: arial, font-size: 10pt; font-weight : bold; color: red}
.text22 {font-family: sans-serif; font-size: 14pt; color: black;}
</style>
|
Работающий вариант:
Стиль text1 |
Обращение к элементам таблицы:
<div class=text1>Стиль text1</div> - в этом случае фраза Стиль text1 будет напечатана красным жирным шрифтом Arial размером 10 pt.
Если же эту фразу сделать ещё и ссылкой, то она не будет подчёркнутой, так как text-decoration: none:
<a href=# class=text1>Стиль text1</a>
Аналогично
|
Работающий вариант:
Стиль text2 |
<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. Если же пользователь ставит крупный шрифт, то он увидит немалое количество Интернет-страниц в неадекватном виде.
| |
