Определение

Давайте посмотрим определение этого свойства. Согласно W3C:

Полавок - это блок, смещённый влево или вправо в текущей строке. Самая интересная характеристика поплавка (или плавающего блока) - содержимое "льётся" по своему краю (или ему может быть запрещено это делать, благодаря свойству clear). Содержимое стекает по правому краю блока со значением свойства, равным left, или стекает по левому краю блока со значением свойства, равнымright.

Свойство float может принимать четыре значения: left, right, inherit и none. Каждое из значений вполне отражает свою суть. Например, если установить элементу float: left, то он займёт крайнее левое положение своего родителя. Аналогично будет для float: right. Элемент займёт крайнее правое положение своего предка. Значение inherit говорит элементу, что нужно применить значение предка. Значение none - значение по-умолчанию, указывает элементу, что он не будет плавать.

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

Плавающие элементы достаточно активно применяются при вёрстке веб-страниц и служат для реализации этих и не только задач:

• обтекание картинок текстом;

• создание врезок;

• горизонтальные меню;

• колонки.

Обтекание происходит с помощью стилевого свойства float со значением left или right. По умолчанию обтекание для элементов не устанавливается, но если это по каким-либо причинам необходимо указать явно, следует использовать значение none. На рис. 3.32 показан результат применения разных значений на изображение рядом с текстом.

15. Псевдоклассы. Оформление ссылок в css. Каскадность. Определение приоритета.

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

Синтаксис применения псевдоклассов немного отличен от привычного синтаксиса CSS и имеет следующую структуру:

Селектор: Псевдокласс {свойство: значение; свойство: значение;...}

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

А вот после селектора следует поставить двоеточие и указать наименование нужного псевдокласса. Таким образом, стилевое оформление будет применено к определенному элементу страницы только при соблюдении определенных условий, которые характерны для указанного псевдокласса.

Следует знать, что при работе с псевдоклассами, можно применять селектор по элементу,селектор по классу и контекстный селектор. То есть задавать стилевое оформление, используя псевдоклассы, можно при помощи тега <style> (глобальные стили), который как известно располагается в голове документа. Либо работать с внешним файлом со стилями (связанные или внешние стили).

Параметр style не используется для применения псевдоклассов (внутренние стили ).