Разместите свой проект бесплатно и начните получать предложения от фрилансеров-исполнителей уже спустя минуты после публикации!

101

закрыт без выполнения


Есть два задания, которые подразделяются на задачки. 

Решить нужно до 20.00, плюс - минус.


1.Позиционирования блоков.

  1. Задание 1

    Есть  два контейнера, в которых элементам задано свойство float.  Из-за этого  происходит выпадение этих элементов из родителя. Вы должны  решить эту  проблему. Для первого контейнера необходимо использовать  clearfix  (любая его вариация), для второго – любое другое решение.
  2.  Задание 2

    Есть  родительский блок и два дочерних. Задача: синий блок расположить  в  правом верхнем углу зеленого блока. Желтый блок разместить в правом   нижнем углу, так, чтобы желтый элемент выходил за пределы зеленого  блока  на 30 пикселей по горизонтали и 30 по вертикали. И, наконец,  сместить  зеленый блок вправо на 40 пикселей.  
  3.  Задание 3

    Есть  два блока внутри родителя. Задача: используя свойство float,  сделать  так, чтобы первый дочерний блок был в ширину 250 пикселей, а  другой  занимал все оставшееся место, вне зависимости от ширины окна (для   проверки нужно сжать окно браузера). Попутно решить проблему с   вытеканием любым удобным способом.


2.CSS селекторы

Описание задания:

 

  1.  Создать и подключить к файлу index.html файл homework.css,   в котором нужно будет написать правила для решения всех задач. Задачи   следует решать только при помощи css, менять html-разметку заданий   нельзя. Наилучшим вариантом решения будет использование формул, а не   перечисление нужных блоков (задайте себе вопрос: будет ли верно решена   задача, если впоследствии понадобится убрать или добавить несколько   блоков?)
  2. Написать css-правила для стилизации календаря таким образом, чтобы выходные дни(только числа) имели красный фон.
  3. Написать css-правила для блока 2 задания div class="task2" таким образом, чтобы видимыми были только 8 первых блоков.
  4. Cделать стилизацию списка внутри div class=”task3” таким образом, чтобы четные маркеры были значками @, а нечетные – звездочками (любыми на ваш вкус), а также, чтобы отступы 20px были только между пунктами списка, сверху и снизу списка лишних отступов быть не должно.

 

Дополнительное задание - не делать!

Это задание повышенной сложности, не обязательно к выполнению

Написать css-правила таким образом, чтобы внутри блока div class=”extra-task” выполнялись условия:

  • если в меню 4 пункта, между ними был бы отступ в 30px,
  • а если 5 и более – то отступ 10px.

Приложения 2

Просмотр приложений доступен только зарегистрированным пользователям.

  1. 1 день600 ₽
    Владимир Макаров
     309   4   0

    Здравствуйте, сделаю в течении часа, приступлю сразу после того как положите деньги в Сейф. Верстка - наше все.

    Украина Киев | 14 марта в 13:17 |

Заказчик
Max Lau
Россия Москва  3   0
Проект опубликован
14 марта в 13:14
78 просмотров
Поделиться