Сайтостроительство (8)

PHP-кодинг (25)

Веб-дизайн (9)

DHTML/JavaScript (8)

Подкастинг (1)

Безопасность в PHP (3)

Секретный раздел

Карта блога

Регистрация пользователей на PHP+MySQL

Скрипт гостевой книги с красивым дизайном

Галерея на jQuery

Простая система регистрации пользователей на сессиях

Галерея на php+jquery

Форма обратной связи с защитой типа капча

Шаблоны запросов и placeholders

Быстрое перенаправление средствами php

Flash плеер для вашего сайта

Сортировка столбцов в таблице на php+mysql

Встраиваем визуальный редактор

Шаблоны запросов и placeholders

Перенос длинных строк в комментариях

Визуальный редактор на сайте (TinyMCE)

Flash плеер для вашего сайта

За весь период

За 2010-11

За 2009-06

За 2009-05

За 2009-04

За 2009-03

За 2009-02

За 2008-08

Бегун контекстная реклама

Ruseller видеоуроки

Letitbit файлообменник

Tak.Ru $$$ вебмастеру

WMmail почтовые рассылки

WMlink продажа трафика

Sape.Ru продажа ссылок

Главная » Веб-дизайн

Каскадные листы стилей

Каскадные листы стилей отделены от содержания веб-страниц и потому не вредят внутренней логике последних. К тому же они, в отличие от встроенных в HTML возможностей визуального форматирования, явно предписывают агенту пользователя, каким образом должны интерпретироваться те или иные свойства. Полузабытый принцип разделения содержания и представления, заложенный разработчиками SGML, стал возрождаться.

Любой технологии, однако, нужны многие годы на обкатку. Первая версия CSS, CSS level 1 (или просто CSS1) оказалась почти не замеченной разработчиками, ибо не смогла заменить собой все визуальные средства, насильственно втиснутые в HTML. К тому же, качество поддержки CSS в браузерах тех лет не выдерживало никакой критики.

Блочная модель SS2

Спецификация CSS2, утвержденная в качестве официальной рекомендации в 1998 г., обладает намного более серьезными возможностями. Ее конек — блочная модель, позволяющая представить любую веб-страницу как набор прямоугольных областей с различными свойствами и тем самым избавиться от верстки шаблонов страниц при помощи таблиц.

Название «блочная модель» не должно вводить в заблуждение — свойства, предопределенные ею, вполне применимы не только к блочным, но и к внутристрочным элементам. Путаница возникает исключительно по причине особенностей перевода рекомендаций W3C на русский язык. Устоявшемуся русскоязычному названию «блочная модель» в англоязычной терминологии соответствует понятие box model, тогда как «блочный элемент» в оригинале — это block element. Так или иначе, любой элемент HTML в визуальном представлении помимо непосредственного содержимого может иметь также поля, рамку и отступ. Кроме того, CSS2 позволяет определять индивидуальные и прозрачные для пользователя правила представления информации для различных сред и устройств вывода, в частности, для экрана настольного компьютера или ноутбука, для меньшего по размерам экрана «наладонника» или смартфона, для речевых браузеров, для механических строк Брайля, для принтера и т. д.

Вставка фонового изображения

В эпоху, когда каскадные листы стилей были ещё в диковинку, существовал лишь один алгоритм рендеринга фона - размножение фонового изображения от верхнего левого угла того или иного элемента страницы по всей площади последнего.

Благодаря CSS арсенал средств по управлению фоновыми изображениями существенно расширился. За отображение фонового рисунка отвечают четыре свойства:


background-repeat: repeat|repeat-x|repeat-y|no-repeat;
background-attachment: scroll|fixed;
background-position: x%(px) y%(px);

Учебники по CSS скачать

Комментировать

Автор: Артемий Ломов | Добавлена: 10.08.2008 | Просмотров: 3446
Рейтинг: 13 | Голосов: 3

Оцените заметку: 1 2 3 4 5

Последние обновления в категории: Веб-дизайн

Комментарии (0)

Комментариев пока нет!

Только авторизованные пользователи могут добавлять комментарии. Зарегистрироваться.

Логин:
Пароль:
 

Регистрация

: Тема:

Заметок в базе: 56
Комментариев: 0
Всего юзеров: 114
Сейчас онлайн: 2