Самоучитель по креативному веб-дизайну. Книга 1, стр.169

, Объектов, НаХОДЯЩИХСЯ Между ДеСКрИПТОрамИ , И Т. Д.

А, например, для создания границы вокруг заголовка уровня 1 необходимо напи — сать правило списка стилей следующего вида:



hi {border:solid Зрх black}



Первое значение свойства border, «solid» , задает стиль линии границы, второй, «Зрх», устанавливает ширину границы равной 3 пикселя, а третий, «black», устанавливает черный цвет границы. При написании правила списка

стилей, которое устанавливает значения свойства border, Web-браузер применяет одни и те же значения для всех четырех сторон границы.

20 2 Глава 4. Каскадные списки стилей





Для независимой работы с каждой страной границы необходимо задавать зна —

чения СВОЙСТВ border-style, border-width И border-color ОТДеЛЬНО ДЛЯ каж-

дой стороны. Например, «сокращенное» правило списка стилей из предыдущего

примера можно переписать в следующем развёрнутом виде:





К счастью, синтаксис каскадных списков стилей позволяет сочетать явную

и неявную (сокращенную) форму установки свойства border. Например, для создания непрерывной границы золотистого цвета можно написать следующее правило:





Аналогично, для создания двойной границы синего цвета шириной 0.5 дюй — ма можно написать следующее правило:



Обратите внимание, что в предыдущих примерах значения свойства border —

color можно задавать в виде шестнадцатеричных триплетов, а значение свойства border-width — в любых единицах, допустимых в каскадных списках стилей (дюймы, сантиметры, пункты, пиксели и т. д.).

На рис. 4.13′ показана граница светло-зеленого цвета каждого из девяти воз —

можных стилей вокруг заголовков уровня 1. (Значение «попе» свойства border- styl e указывает Web-браузеру на необходимость игнорирования свойства грани- цы, поэтому она не рисуется.)

Следует иметь в виду, что чтобы увидеть эффект стиля границы, ее ширину (т. е. значение свойства border-width) необходимо установить равной, по край — ней мере, три пикселя. Например, при выборе стиля «double» Web-браузеру для рисования границы необходимо по одному пикселю для линий и один пиксель

на промежуток между ними.

Глава 4. Каскадные списки стилей 20 3





Создание абзацного отступа и работа с интервалами между буквами, словами и строками

Помимо средств позиционирования объектов, с появлением каскадных спис — ков стилей дизайнеры получили столь долгожданный четкий типографический контроль над текстом Web-страницы. Таблицы и прозрачные (разделительные) изображения в формате GIF и ранее давали определенные средства для позицио —

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 19.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.34
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 075
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 105
  • 23.05.2012">Machinima привлекла инвестиций на $35 миллионов благодаря Google
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 093
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.65
  • 09.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.138
  • 22.01.2011">Руководство по actionscript. часть 1, стр. 109
  • 13.03.2011">Руководство по actionscript. часть 3, стр. 106
  • 19.03.2011">Руководство по actionscript. часть 2, стр. 099
  • 13.02.2014">Преимущества МДФ панелей
  • 21.08.2011">Притягательная красная планета
  • 06.03.2011">Руководство по actionscript. часть 4, стр. 153
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 047
  • 17.03.2011">Руководство по actionscript. часть 2, стр. 155
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...