Posts Tagged ‘float’

Позиционирование текста в виде блоков при помощи CSS

Вторник, Январь 27th, 2015 Нет комментариев

Under : , , , ,

Позиционирование текста в виде блоков при помощи CSS (далее…)

Плавающие элементы

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , , , , ,

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

Плавающие элементы достаточно активно применяются при верстке и в основном служат для воплощения следующих задач.

  • Обтекание картинок текстом.
  • Создание врезок.
  • Расположение слоев по горизонтали (добавление колонок).

Все это выполняет одно стилевое свойство float, а помогают ему в этом другие свойства. Хотя первоначально float не планировался на столь универсальную роль, но жизненные реалии расставили все по своим местам. (далее…)

Фиксированный дизайн. Свойство float

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , ,

Рассмотрим, как располагать рядом по горизонтали два и более слоя. По умолчанию, использование тега <div> для создания слоя, автоматически делает и перенос строки после него, поэтому несколько идущих подряд слоев выстраиваются по вертикали. Нас же интересует, а как сделать то же самое, но по горизонтали, чтобы можно было создать две колонки. Для решения данной задачи есть два подхода: первый основан на использовании свойства float, второй — на позиционировании элементов.

Использование свойства float

Чтобы расположить два слоя рядом друг с другом по горизонтали, воспользуемся стилевым свойством float со значением left. Эта конструкция говорит, что слой необходимо выровнять по левому краю и обтекать его по правой стороне. Таким образом, рядом лежащий второй слой будет пристыкован к первому справа. (далее…)

Фиксированный дизайн. Позиционирование

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , ,

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

Координаты слоя

Положение слоя в документе зависит от заданных значений стилевых свойств left, top, right и bottom, они устанавливают соответственно позицию слоя слева, сверху, справа и снизу. Точка отсчета определяется в зависимости от свойства position, которое принимает обычно значение relative (относительное положение) или absolute (абсолютное положение). (далее…)

Фиксированный дизайн. Макет из трех колонок

Воскресенье, Апрель 8th, 2012 Нет комментариев

Under : , , , , , ,

Наряду с использованием макета с двумя колонками, находит применение и верстка в три колонки. В этом случае одна из колонок обычно содержит навигацию— ссылки на разделы сайта, вторая — контент, информационное наполнение страницы, а третья отдается под небольшие тексты, формы, новости, рекламу. В общем, много что можно разместить в дополнительной колонке, пустовать место не будет. Встречается и смешенный подход, когда на главной странице сайта используется три колонки, а на внутренних страницах макет верстается в две колонки. Это продиктовано объемом и структурой информации, главное, чтобы пользователям было удобно находить и читать нужные материалы.

При создании трех колонок применяются те же принципы, что и при верстке двухколонного макета. Используемые приемы можно условно поделить на две части по свойствам CSS, с помощью которых осуществляется построение модульной сетки. В первом случае это свойство float, которое позволяет размещать слои рядом друг с другом по горизонтали. Второй подход — воспользоваться набором стилевых свойств, связанных с позиционированием слоев. Рассуждать о том, какой метод лучше неправомерно, видимый результат все равно будет один, но каждый подход имеет свои особенности. (далее…)

Структуры в С++

Среда, Март 26th, 2008 Нет комментариев

Under : , , , , , , , , , , ,

Как вы уже знаете, переменная в C/C++ объявляется следующим образом:

int iMyVariable;

В приведенном операторе iMyVariable объявлена как целая переменная. А вот объявление переменной типа char:

char cMyChar;

Такие типы данных, как int, float, char и long, являются неотъемлемой частью C/C++ и вам не нужно писать никакого кода, чтобы сообщить компилятору о том, что означают эти слова. C/C++ позволяет вам также объ-являть свои собственные, специальные типы данных. В следующем разделе вы узнаете, как объявлять структуры, которые можно отнести к специальным типам данных.
(далее…)

Первая программа на C++, типы данных и их размер

Среда, Март 26th, 2008 Нет комментариев

Under : , , , , , , , , , , ,

Что бы начать изучать C++ сначала создадим простое консольное приложение. Для этого запустите Visual C++. Выберите ‘New’ в меню ‘File’. Проверте, что бы в диалоговой панеле ‘New’ была выбрана закладка ‘Projects’. В списке типов проектов выберите ‘Win32 Console Application’. Выберите каталог для проекта( лучше оставить по умолчанию ) и имя проекта, например, ‘First’ и нажмите ‘OK’. У вас создатся ‘First classes’. После этого выберите опять ‘New’, но с закладкой ‘Files’ и выберите ‘C++ Source File’. Далее нажмите ‘OK’ и создастся файл ‘First.cpp’. Всё, теперь можно писать программу. Но перед тем, как писать программу, давайте разберёмся какие типы данных существуют в C++.

В C++ существуют несколько часто используемых типов данных( не все ):

1. Численные знаковые целые( int, short, char )
2. Численные знаковые дробные( float, double, long( в С ), long double( в С ) )
3. Численные без знаковые — все перечисленные выше типы с добавлением Unsigned
4. Char так же может использоваться как символьный тип.
(далее…)

Ключевые слова и имена

Ключевые слова и имена

Часть идентификаторов C++ входит в фиксированный словарь ключевых слов. Эти идентификаторы образуют подмножество ключевых слов (они так и называются ключевыми словами). Прочие идентификаторы после специального объявления становятся именами. Имена служат для обозначения переменных, типов данных, функций и меток. Обо всём этом позже.
(далее…)