Войти на сайт ( )
[Вход] [Регистрация]
Компьютеры » Программирование » Каскадные таблицы стилей (CSS) [Gaist-Endruy]
[Обновить]
[ Ответить ]
[Добавить в закладки]
Страница: 1, 2, 3 ... 9, 10, 11, 12, 13
Gaist-Endruy ( off )
( 08:32 01-09-2009 )
style.css для браузеров (media="screen"), а print.css для печатающих устройств (media="print"). Соответственно, эти CSS стили друг с другом не связаны и описывают страницу каждый по-своему. Cтиль для print.css будет предельно простым:

Gaist-Endruy ( off )
( 08:33 01-09-2009 )
body, #header, #main, #content, #footer {
color: #000;
background-color: #fff;
}

a {
color: #000;
}

#leftmenu, #rightmenu {
display: none;
}
Прикрепленный файл .txt: скачать (153b)

Gaist-Endruy ( off )
( 08:34 01-09-2009 )
Устанавливаем белый фон для блоков, текстовые элементы делаем черными. Гиперссылки () также будут черного цвета. Согласитесь, для вывода на печать это разумно.

Gaist-Endruy ( off )
( 08:34 01-09-2009 )
С помощью директивы display: none; полностью убраны боковые меню. Очевидно, что страница будет распечатываться ради основного текста, заголовок также не помешает. «Подвал» остается при печати, в случае необходимости вы всегда сможете удалить и его.

Gaist-Endruy ( off )
( 08:34 01-09-2009 )
Заключение

Gaist-Endruy ( off )
( 08:34 01-09-2009 )
У нас получился макет страницы в 3 колонки, макет этот полностью описан средствами CSS и немного «разбавлен» XHTML и JavaScript. Преимущества и недостатки этого способа CSS верстки описаны выше (к концу статьи можно и подзабыть - не очень коротЕнько получилось, согласен).

Gaist-Endruy ( off )
( 08:35 01-09-2009 )
Осталось подобрать шрифт и цвета «по вкусу», приделать к «резиновой» верстке не менее «резиновый» размер шрифта, подумать над оформлением заголовков, и получится нормальный дизайн информационного сайта, полностью реализованный на CSS. Что и требовалось доказать.

Gaist-Endruy ( off )
( 08:36 01-09-2009 )
Много очень, выкладываю в текстовом файле сам код!
Прикрепленный файл .txt: скачать (710b)

Gaist-Endruy ( off )
( 08:38 01-09-2009 )
Каскадные таблицы стилей CSS.

Все выше написаное, начиная с первого поста, и до последнего в одном файле!
Прикрепленный файл .zip: скачать (115.7Kb)

=АлЕксАнДрА= ( off )
( 21:12 17-09-2009 )
Gaist-Endruy, интересная тема. И актуальная на сегодняшний день. Прочла внимательно от начала до конца. Молодец, что все это выложил. .ok.

Далее »
« Назад
Страница: 1, 2, 3 ... 9, 10, 11, 12, 13
[ Ответить ]
[Обновить]
[Добавить в закладки]
Компьютеры » Программирование » Каскадные таблицы стилей (CSS) [Gaist-Endruy]
На главную
© s.sasisa.me