Фото Сергея Белосова
Блог Сергея Белоусова
  • - Разработка сайтов
  • - Обучаю профессиональной верстке
  • - Консультации по разработке сайтов и поиску клиентов
Мои контакты: skype skype skype skype

Урок 2-7

CSS Позиционирование



Вопросы по уроку:

  1. Что значит свойство position ?
  2. Что значит значение position: static; ?
  3. Опишите как работает position: relative; ?
  4. Опишите как работает position: absolute; ?
  5. Опишите как работает position: fixed; ?
  6. При помощи каких свойств можно позиционироать элементы ?
  7. Что произойдет, если блоку с position: static; задать top: 100px; left: -100px; ?
  8. Какое значение position: ? ; должно быть у блока, что бы спозицианировать элемент абсолютно внутри него ?

Домашние задание:

Решить задачи:

Есть тег section (красный) ширина(Ш) 300px высота(В) 300px, внутри него тег div (синий) Ш-100 В-100, внутри дива - 3 тега: ins (зеленый), span (черный), i (желтый) все три Ш-50 В-50

Задача:

1) тег ins расположить абсолютно относительно тега section в верхнем правом углу.

2) тег span пасположить абсолютно относительно тега section в нижнем левом углу.

3) тег i пасположить абсолютно относительно тега section слева 300px сверху 300px.

Все должно получится как на макете выше.

Напишите заключение по уроку:

  1. Общее мнение об уроке, все ли понятно.
  2. Сложное ДЗ ?