

Облако тегов
Популярное содержимое
За сегодня:
Вы можете подписаться на получение материалов сайта по почте через систему рассылок Subscribe.ru. Для этого введите свой почтовый адрес и нажмите кнопку ОК.
Что такое прогрессивный JPEG?
Эта возможность, встроенная в формат JPEG, которая позволяет показывать картинку за несколько проходов до того, как она полностью загрузится на клиентский компьютер.
Графические форматы
Использование блока с закруглениями для выделения строки
![]()
На сайте часто возникает необходимость акцентировать внимание на одной строке текста. Это может быть телефон, адрес или заголовок важного сообщения. Главное, чтобы посетители обратили на него внимание. Для этой цели лучше использовать блок с закруглениями, как показали психологические исследования, такое оформление притягивает взгляд чаще, чем обычное прямоугольное.
Рамка с закругленными уголками одним рисунком
Для создания рамки вокруг блока используется стилевой атрибут border, в качестве значения которого задается толщина, стиль и цвет линии. Если поверх такой линии наложить графические уголки, то мы убьем двух зайцев — получим нужные закругления и сохраним границу, которую можно увидеть даже при отключении картинок.
Скругленные уголки в браузере Firefox и Safari
В CSS3 должен появиться новый стилевой атрибут border-radius для установки радиуса скругления блока. Пока этот атрибут не поддерживает ни один браузер, но Firefox предлагает его равнозначную замену, правда, работоспособную только в этом браузере.
Закругленные уголки без использования изображений
Закругленные уголки достаточно часто применяются в дизайне, однако в CSS пока нет штатного универсального средства для их добавления. Поэтому приходится использовать различные ухищрения, чтобы добиться желаемого результата. Преимущественно для создания уголков применяются изображения, поэтому интересно будет обойтись без них, только с помощью стилей.
Блок с закругленными уголками
Замена текста изображением
Ограничения, накладываемые на HTML, не позволяют задавать для текста любой шрифт установленный в системе, поскольку не гарантируется, что такой же шрифт имеется и у пользователя сайта. Поэтому вычурный текст обычно делают в графическом редакторе и вставляют на веб-страницу в виде картинки. Этим обеспечивается единый вид для всех пользователей. Однако и этот вариант имеет недостатки. Во-первых, пользователь может отключить показ рисунков в браузере.
Как сделать обтекание картинки текстом?
Обтекание картинки текстом обычно используется для компактного размещения материала и связывания между собой иллюстраций и текста. Само обтекание создается с помощью стилевого атрибута float, добавляемого к селектору IMG. Значение left выравнивает изображение по левому краю, right — по правому. Обтекание при этом происходит по другим, свободным сторонам.
Скругленные уголки у фотографии фиксированного размера
Если на сайте применяется группа фотографий одинаковой ширины и высоты, то для них достаточно просто можно установить скругленные уголки. Принцип состоит в том, что поверх каждой фотографии накладывается рисунок, который прячет под собой часть фотографии, образуя тем самым желаемые уголки.
- « первая
- ‹ предыдущая
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- …
- следующая ›
- последняя »



