АВ дизайн студия — качественное воплощение Ваших идей!
 Вход для
клиентов
 
Вход для клиентов
Главная    Отправить письмо    Быстрая связь    Карта сайта
Портфолио Это Актуально! F. A. Q. Оформить заказ Обратная связь

      Новости
» 
» 
» 
» Все новости...
      Купить Ваучер за WebMoney
Проверить аттестат партнера:

Здесь находится аттестат нашего WM идентификатора 361737094212
       Статьи, уроки по дизайну
» 
» 
» 
» 
» 
» 
» 
» Все статьи...
       Наши клиенты
ООО «Укр Пелл»
Завод по переработке кожевенного сырья.
г. Киев ул. Чекистов, 3

ЧП «Динамикс тревел»
Туроператор. Реализация туров в пансионат «Динамикс» и продажа путевок в другие пансионаты.
г. Киев, ул. Прорезная, 12

» Полный лист...
       Наши партнеры
Украинская Банерная Сеть
Услуги бесплатного обмена баннерами между сайтами украинской тематики.
UMC
Ведущий оператор мобильной связи в Украине.
» Полный лист...
       Реклама/Объявления
» 24.09.2008 | 03:10
» 10.06.2008 | 13:29
» Все объявления...
       Ваши вопросы (FAQ)
» Все вопросы...
   Это Актуально!

Маркет Витрина



 Это Актуально! 


» 12.03.2008 | 09:00 | отправить другу
Уроки CSS: Классификации


display - определяет, как будет отображаться элемент.

display: inline|block|none|inline-block|list-item|table-header-group|table-footer-group;

display: inline; - (значение по умолчанию) заставляет элемент страницы вести себя как встроенный. При этом он располагается внутри текста, его позиция и размеры рассчитываются согласно позиции и размерам текста. Пример встроенного элемента - <I>;

display: block; - делает элемент страницы блочным. При этом его можно свободно позиционировать. Пример блочного элемента - <DIV>;

display: none; - делает элемент страницы невидимым. При этом страница отображается так, будто этого элемента вообще не существует;

display: inline-block; - аналогично inline, но содержимое страницы ведет себя как блочный элемент (не поддерживается NN);

display: list-item; - аналогично block, но при этом элемент страницы считается позицией списка (ставится маркер);

display: table-header-group; - заставляет элемент страницы отображаться после верхнего заголовка таблицы и перед всеми строками данных (аналогично тегу <THEAD>) (не поддерживается NN);

display: table-footer-group; - заставляет элемент страницы отображаться перед основанием таблицы и после всех строк данных (аналогично тегу <TFOOT>) (не поддерживается NN);

Поддерживается IE и NN начиная с 4.0

position - устанавливает, каким образом вычисляется положение элемента в плоскости экрана.

position: static|absolute|relative;

position: static; - (значение по умолчанию) задает статическое позиционирование, при котором элемент страницы отображается внутри общего "потока' текста, т.е. не свободно. Значения атрибутов bottom, left, right и top при этом не принимаются Web-обозревателем во внимание;

position: absolute; - задает абсолютное свободное позиционирование. Значения атрибутов bottom, left, right и top при этом задают абсолютные координаты элемента страницы относительно родителя;

position: relative; - задает относительное свободное позиционирование. Значения атрибутов bottom, left, right и top при этом задают смещение координат элемента страницы от точки, в которой он был отображен, будь атрибут position установлен в static.

Поддерживается IE и NN начиная с 4.0

z-index - задает порядок перекрытия свободно позиционированными объектами друг друга.

z-index: auto|{Порядок перекрытия}|;

Порядок перекрытия задается положительными или отрицательным целым числом. При этом элементы с большим значением этого атрибута будут перекрывать элементы с меньшим значением. Предопределенное значение auto задает порядок перекрытия по умолчанию, когда элементы, определенные в HTML-коде раньше, перекрываются заданными позже.

Значение по умолчанию auto.

Поддерживается IE и NN начиная с 4.0

visibility - позволяет элементу быть видимым или невидимым на странице.

visibility: inherit|visible|hidden;

visibility: inherit - (значение по умолчанию) элемент виден, если его родительский элемент является видимым (наследует видимость);

visibility: visible - делает элемент страницы видимым;

visibility: hidden - невидимым.

Поддерживается IE и NN начиная с 4.0

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

clip: auto|rect({Верхняя граница} {Правая граница} {Нижняя граница} {Левая граница});

Предопределенное значение auto задает видимость всего элемента страницы. Оно же является значением по умолчанию. Для того чтобы ограничить видимую часть элемента страницы прямоугольным фрагментом, задаются четыре координаты границ этого прямоугольника, разделенные пробелами.

Поддерживается IE и NN начиная с 4.0

white-space - задает, будут ли строки текста, содержащегося в элементе страницы, автоматически переноситься, если они не помещаются в нем по ширине.

white-space: normal|nowrap|pre;

white-space: normal; - (значение по умолчанию) включает автоматический перенос длинных строк;

white-space: nowrap; - отключает автоматический перенос строк. Чтобы "разорвать' строку вручную, вставьте в нужном месте тег <BR> (NN не поддерживается);

white-spice: pre; - не поддерживается;

Поддерживается IE начиная с 5.5 и NN начиная с 4.0

cursor - определяет форму курсора мыши, которую он принимает при наведении на элемент страницы.

cursor: auto|crosshair|default|hand|move|*-resize|text|wait|help;

cursor: auto - (значение по умолчанию) заставляет Web-обозреватель самому определять нужную форму курсора мыши;

cursor: crosshair - крестообразный курсор;

cursor: default - курсор по умолчанию, обычно стрелка;

cursor: hand - "указывающий перст";

cursor: move - стрелка, указывающая "на все четыре стороны";

cursor: e-resize

cursor: ne-resize

cursor: nw-resize

cursor: n-resize

cursor: se-resize

cursor: sw-resize

cursor: s-resize

cursor: w-resize

cursor: text - текстовой курсор;

cursor: wait - "песочные часы", курсор ожидания;

cursor: help - стрелка с вопросительным знаком.

Поддерживается IE начиная с 4.0

list-style - задает параметры маркера или номера позиции списка.

Заменяет атрибуты list-style-image, list-style-position и list-style-type.

Значения этих атрибутов могут располагаться в любом порядке.

list-style: [{list-style-image}] [{list-style-position}] [{list-style-type}];

Значение по умолчанию disk outside none.

Поддерживается IE начиная с 4.0

list-style-image - задает графическое изображение, отображаемое в качестве маркера позиции списка. Имеет приоритет над атрибутом list-style-type.

list-style-image: none|url({Интернет-адрес файла изображения});

Если задано предопределенное значение none, то стиль маркера берется из установок атрибута list-style-type, если он задан, или отображается маркер по умолчанию. Если задан интернет-адрес файла изображения, то оно отображается в качестве маркера, перекрывая установки атрибута list-style-type.

Значение по умолчанию none.

Поддерживается IE начиная с 4.0

list-style-position - задает местонахождение маркера позиции списка: в тексте позиции или вне его.

list-style-position: outside|inside;

Доступны два значения. Значение outside (по умолчанию) задает отображение маркера позиции списка вне текста позиции. Значение же inside заставляет Web-обозреватель отобразить маркер позиции в ее тексте в качестве первого символа.

Поддерживается IE начиная с 4.0

list-style-type - задает тип маркера или номер позиции списка.

list-style-type: disc|circle|square|decimal|lower|roman|upper-roman|lower-alpha|upper-alpha|none;

list-style-type: disc; - (значение по умолчанию) отображает сплошной кружок;

list-style-type: circle; - окружность;

list-style-type: square; - сплошной квадрат;

list-style-type: decimal; - нумерует позиции арабскими цифрами;

list-style-type: lower-roman; - малыми римскими;

list-style-type: upper-roman; - большими римскими;

list-style-type: lower-alpha; - помечает позиции малыми латинскими буквами;

list-style-type: upper-alpha; - большими латинскими;

list-style-type: none; - вообще убирает маркер или нумерацию.

Поддерживается IE и NN начиная с 4.0

 Источник:
http://www.87937.com


Количество просмотров: 1121
Страницы: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |
      Реклама на сайте
Пополнить мобильный через Интернет!
      Ваше мнение
Какая информация Вас интересует?


Статьи, уроки по Photoshop
Статьи, уроки по CorelDraw
Статьи, уроки по Flash
Статьи, уроки по HTML
Статьи, уроки по CSS
Статьи, уроки по Дизайну
Другая информация…



Результаты
       Подпишись! Это Актуально!
» Все о дизайне
  Статьи, Уроки, Новости
       Курсы валют
finance.ua
finance.ua
finance.ua
       Баннеры
Обмен WebMoney
Rambler's Top100
Яндекс цитирования
Украинский портАл
 
Украинская баннерная сеть
хостинг
Быстрая связь    Оформить заказ    Карта сайта    Вернуться вверх страницы| Главная | | О нас | | Услуги и цены | | Портфолио | | Это Актуально! | | F. A. Q. | | Оформить заказ | | Обратная связь | | Каталог |
 ©  «АВ» дизайн-студия, 2005-2008.
        Все права защищены.
        info@abstudio.com.ua
        Тел.: +38 (098) 360-65-55
   Услуги: cоздание сайтов, веб-дизайн,
   продвижение сайтов, поддержка и хостинг сайтов,
   разработка логотипа и фирменного стиля.
   Режим работы: с 10:00 до 18:00, выходной – Сб, Вс.