1ПИ / Учебник HTML / 212

Учeбник HTML.Таблицы стилей CSS.Селекторы.Классы.Атрибуты.Примеры. guide

<dimas>

help On-line учебник HTML с примерами,

справочник по созданию Web-сайтов. guide

<dimas>

help Главная Учебник HTML Учебник CSS Web- mastering Раскрутка Полезности FAQ Е- mailer Взять banner bookmark Контакты Отослать ссылку

Учебник CSS >>Адаптация интерфейса Таблицы стилей CSS имеют возможность создания стилей, автоматически адаптирующихся к пользовательской системе. Для этого в них реализовано определение пользовательских системных установок цвета и шрифтов, а также применение этих значений к любому из элементов web-страницы, который может использовать значения color и font. Для определения пользовательских настроек используется набор ключевых слов.

В этой таблице приведен список ключевых слов для определения пользовательских цветов и примеры их применения. Цветазначениеописание  activeborderЦвет границы активного окна.  activecaptionЦвет заголовка активного окна.  appworkspaceЦвет мультидокументного фона.  backgroundЦвет фона рабочего стола.  buttonface"Лицевая" сторона объемных элементов.  buttonhighlightНасыщенная тень объемных элементов.  buttonshadowЦвет тени объемных элементов.  buttontextЦвет текста на кнопках.  captiontextЦвет текста в заголовках.  graytextОтключенный (недоступный) текст.  highlightВыделение объекта элемента управления.  highlighttextВыделение текста элемента управления.  inactiveborderЦвет границы неактивного окна.  inactivecaptionЦвет заголовка неактивного окна.  inactivecaptiontextЦвет текста в неактивном заголовке.  infobackgroundЦвет фона всплывающей подсказки.  infotextЦвет текста всплывающей подсказки.  menuЦвет фона меню.  menutextЦвет текста в меню.  scrollbarЦвет полосы прокрутки.  threeddarkshadowТемная тень объемных элементов.  threedface"Лицевая" сторона объемных элементов.  threedhighlightЦвет выделения объемных элементов.  threedlightshadowСветлый цвет тени объемных элементов.  threedshadowНасыщенная тень объемных элементов.  windowЦвет фона окна.  windowframeЦвет рамки окна.  windowtextЦвет текста в окне.

Синтаксис: селектор {color: background; }

Пример: текст имеет цвет фона Вашего рабочего стола

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

В этой таблице приведен список ключевых слов для определения пользовательских шрифтов и примеры их применения. Системные шрифтызначениеописание ШрифтcaptionШрифт, используемый в заголовках кнопок и т.д. ШрифтiconШрифт, используемый в иконках. ШрифтmenuШрифт, используемый в меню. ШрифтmessageboxШрифт, используемый в диалогах и т.д. ШрифтsmallcaptionШрифт, используемый в малых элементах. ШрифтstatusbarШрифт, используемый в статусной строке.

Синтаксис: селектор {font: icon; }

Взять banner bookmark Контакты Отослать ссылку Раскрутка Полезности FAQ Е- mailer Главная Учебник HTML Учебник CSS Web- mastering guide

<dimas>

help u="u227.69.spylog.com";d=document;nv=navigator;na=nv.appName;t="";p=1; sz=" width=88 height=31 "; hl=history.length;d.cookie="b=b";c=0; bv=Math.round(parseFloat(nv.appVersion)*100); if (d.cookie) c=1;n=(na.substring(0,2)=="Mi")?0:1; if((n==0)||(bv >= 300)){rn=Math.random();t=(new Date()).getTimezoneOffset();} else {rn=0;} z="p="+p+"&rn="+rn+"&t="+t+"&c="+c+"&hl="+hl; if (self != top) { fr=1;} else { fr=0;} r=escape(d.referrer);r1=""; sl="1.0";h=0; pl="";sl="1.1"; if((n==1) && (bv >= 300)) { for(var i = 0; i < nv.plugins.length; i++) pl += nv.plugins[i].name+":"; } j = (navigator.javaEnabled() ? "Y" : "N"); sl="1.2";s=screen;wh=s.width+'x'+s.height; px=(n==0)?screen.colorDepth:screen.pixelDepth;z+="&wh="+wh+"&px="+px; sl="1.3" y=""; y+=""; y+=""; y+=""; d.write(y); On-line учебник HTML с примерами,

справочник по созданию Web-сайтов. guide

<dimas>

help