Главная » Сайтостроение » Позиционирование блоков с помощью свойств FLOAT и CLEAR

Позиционирование блоков с помощью свойств FLOAT и CLEAR

 

Это вторая статья на тему позиционирования блочных элементов. В первой речь шла о том, как задавать местоположение элементу, используя свойство position и точки координат top, left, right и bottom.

В этой статье я продолжу свое повествование на данную тему. На этот раз мы воспользуемся такими свойствами CSS, как float и clear.

Итак, в чем же суть позиционирования блоков?

Позиционирование (выравнивание) блочных элементов в CSS

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

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

Одной из главных трудностей при верстке с помощью блоков является позиционирование (выравнивание) этих самых блоков.

Основы CSS и HTML. Блочная верстка

Этот урок рекомендуется тем, кто только начинает осваивать премудрости создания сайтов. В нем даны основные понятия о HTML и CSS. Пошагово выполняя инструкции данного урока, вы уже через несколько минут сверстаете шаблон для своего сайта.

Шаблон вебсайта мы будем делать с помощью блочной верстки, использую тег – «DIV».

 

alt

 

Учебник HTML для начинающих. Блочная верстка

Вступление

Если вы думаете, что создать собственный Web-сайт это сложно, вы заблуждаетесь. Практически любой человек, умеющий читать и писать, и владеющий компьютерной грамотностью на уровне начинающего пользователя способен в течение часа создать свою первую web-страничку.

Введение

Урок 1. Подготовка

Урок 2. Знакомство с HTML

 

Урок 3. Тэги HTML

Урок 4. Создаем первый веб-сайт

Урок 5. Продолжаем изучать теги

Урок 6. Применяем атрибуты

Урок 7. Знакомство с ссылками

Урок 8. Вставляем изображение 

Урок 9. Верстка с помощью блоков

Урок 10. Веб-страница из трех колонок

Урок 11. CSS 

Урок 12. Работаем с блоками

Урок 13. Содержание блоков

Урок 14 Оптимизация кода HTML с помощью CSS

Урок 15. Вставляем изображение

Урок 16. Ссылки и списки

Заключение

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

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*