Да простит меня
Максим Горький за плагиат названия статьи (первой его части, конечно же :).
Цель данной публикации
- на практике показать полезность каскадных таблиц стилей.
Не пугайтесь. Не смотря на такое страшное название, все не так уж и сложно. Данная
статья ни в коем случае не претендует на звание инструкции по CSS. Всего лишь
пара хитростей / уловок / "фишек" при работе с этой технологией.
Что это за
зверь такой?
CSS - это набор
команд, которые говорят браузеру как именно должна выглядеть отображаемая страница.
Все современные браузеры этих команд "слушаются".
Выглядит стандартная
CSS-команда примерно так:
Идентификатор
{ его свойство: значение свойства; свойство 2: его значение } и т.д.
Набор таких команд
помещается между <head></head> в html файле.
<STYLE type=text/css>
<!--
тут css-команды
-->
</STYLE>
Или же команды
пишутся в отдельный файл с расширением CSS и вызываются из html файла примерно
такой командой:
"style.css"
- это произвольное название файла с CSS-командами. В данном случае css файл находится
в корне сайта. Можно задать положение файла и с помощью относительного url - /cssfolder/style.css
например.
А теперь несколько
полезных примеров применения CSS.
"Цветастый"
скролл.
Насчет полезности
данной функции что-либо сказать сложно. Но выглядит красиво, жалко, что отображается
только в IE 5.5 и выше.
Задается примерно так:
BODY {
scrollbar-face-color:#FFCC00;
scrollbar-highlight-color:#FFCC00;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFCC00;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#E0E0E0;
}
Свойства "SCROLLBAR
- что-то там" отвечают за цвет каждого из элементов полосы прокрутки, их
значение (собственно сам цвет) задается цветовым кодом #…… Узнать код необходимого
вам цвета можно с помощью пипетки в любом графическом редакторе. Также цвет можно
задать и обычными red, blue…
Собственно разобраться
какой параметр отвечает за цвет какой части скролла не очень сложно. Посмотрите
на их названия и поэкспериментируйте.
Стили абзацев
и заголовков.
Предыстория: у
меня, по неизвестным причинам, сложилось стойкое отвращение к шрифту Times и использовать
его при оформлении сайтов очень не хотелось. Зато нравился шрифт Verdana.
Раньше, без CSS
это выглядело примерно так:
<p><font
face="Verdana, Arial, Helvetica, sans-serif" size="-1">Это
первый абзац. Эх, тяжело, наверное, приходилось древним без CSS :)</font></p>
<p><font face="Verdana, Arial, Helvetica, sans-serif" size="-1">Это
второй абзац и опять тот же самый html код. Жуть как не эстетично! Да, кстати,
в любом случае НЕ советую задавать только один шрифт (написав в коде только Verdana,
например), это может привести к "крякозябрам" вместо текста, если данного
шрифта не будет на компьютере посетителя. Всегда лучше прописать несколько похожих
между собой шрифтов.</font></p>
А если таких абзацев
много и на целом сайте нет ни одной строчки Times'ом? Все это выливается в неоправданное
увеличение размера страницы.
Проблема решается
элементарно! Как вы уже догадались - с помощью CSS.
P { font: 10pt
Verdana, Arial, Helvetica, sans-serif }
Теперь каждый
абзац, помещенный стандартным для него тегов <p> будет отображаться так,
как вам надо.
Также можно задавать
и стили заголовков. Вот как я сделал на http://www.list.ee
Вообще, с помощью
CSS можно задать уйму параметров для шрифтов, ссылок, таблиц...
Использование
CSS очень удобно, а иногда и просто необходимо.
Но об этом в следующем выпуске… :)
Сайто-обзоры
http://globalstats.hotlog.ru Глобальная
статистика Рунета от самого великого и ужасного Hotlog.
Узнайте о стандартах, на которые стоит ориентироваться при веб-строительстве:
разрешение экрана, браузеры, ОС, версия javascript, глубина отображения цветов,
использование coockies и javascript.
Hotlog ежедневно обрабатавывает около 20 миллионов запросов, поэтому этой статистике
можно доверять в полной мере.
www.dklab.ru Очень
полезный сайт. Уверен, многие о нем уже давно знают, но есть, наверное, и те,
кто нет. Не порядок! :)
Дмитрий Котеров - автор данного проекта, в очень доступной и понятной форме рассказывает
о программировании на php и perl. Если вы решили посвятить себя интернет-программированию,
не проходите мимо!
Также на сайте есть уже ставшие "классикой" Рунета статьи по установке
apache, perl, php, mysql на домашнем компьютере под windows.
"Великий
и Могучий" в сети.
Недавняя моя переписка о русском языке и о том, как же все-таки писать "Internet"
по-русски сподвигнула меня опубликовать присланные мне подписчиком адреса сайтов
по грамматике русского языка.
Александр, спасибо
за ссылки! Вы - первый, кто прислал реально интересные сайты для обзоров, а не
"Зайди и зацени мой DJvasek.narod.ru" :)
Остальным, пожалуй,
стоит разъяснить. Форум - это что-то типа системы интерактивного общения. Зайдя
на форум и зарегистрировавшись (не бойтесь, регистрация займет не более пары минут),
вы увидите список доступным тем обсуждения, в каждом списке находятся темы, созданные
посетителями форума. Внутри темы посетители форума высказываются по ее поводу.
Если вы хотите
начать свое обсуждение, то выберете подходящий по тематике раздел (пожалуйста,
не "постите" где попало!) и откройте там новую тему, просто нажав "new
topic". Если для вашей темы обсуждений не подходит ни один раздел форума,
то смело создавайте тему во "Флейме".
Вот... как смог,
так и объяснил... На самом деле все намного проще, чем кажется.
А зачем оно вообще
надо?
1. Иногда просто хочется поболтать :)
2. У вас возникли проблемы и вопросы с компьютером, при создании сайта и т.д.?
Тогда спросите совета на форуме. Вам обязательно посоветуют что-нибудь дельное!
Подведем итоги.
Форум - это своеобразная "болталка", "развлекалка" и служба
тех.поддержки одновременно:)
Последние сообщения
на форуме. О чем сейчас говорят на Форуме
обо Всем!:
Вот и все на
сегодня. Очень бы хотелось услышать ваше мнение по воду сайта, рассылки и форума.
Так что со всеми предложениями, пожеланиями, советами или критикой прошу на мыло
:)
Хотите опубликовать
собственную статью о web на сайте и в рассылке? Пишите.
Ссылки на авторов и большое человеческое спасибо гарантируются :) Публикация статьи
со ссылкой на ваш сайт увеличит количество посетителей вашего проекта. А что может
быть важнее!
ТАварисЧи, поделитесь
с остальными читателями рассылки интересными сайтами сети. Чиркните url'чик. Просьба
к читателям НЕ присылать собственные сайты для обзоров. Я не хотел бы превращать
этот раздел в чью-то рекламу. Сайты присланные их авторами рассматриваться не
будут! Только независимые проекты.
Заходите на официальный
сайт рассылки. Огромное количество материалов по веб-строительству и новые
выпуски сайто-обзоров.
Есть вопросы по
созданию сайта? Нужна помощь или совет? Хотите, чтобы ваш сайт "заценили"?
Или вы просто хотите поболтать?