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

Урок 2-1

Основы CSS



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

  1. Из каких 3-х частей состоит определение стиля элемента ?
  2. Что такое селектор, свойство, значение ?
  3. При помощи чего мы подключаем файл .css к html документу ?
  4. Какие 3 способа написания CSS стилей существуют и какой способ будем использовать мы ?
  5. Какие типы селекторов изучили в этом уроке ?
  6. Для чего нужно задавать атрибут class тегам ?
  7. Как нужно напиать css селектор, что бы обратиться к элементу по классу: <div class="element"></div>
  8. Как нужно напиать css селектор, что бы обратиться к элементу по идентификатору: <div id="element"></div>
  9. Как нужно напиать css селектор, что бы обратиться к элементу по атрибуту: <input type="checkbox">
  10. Как нужно напиать css селектор, что бы обратиться к потомку элементу тега div : <div><span></span></div>
  11. Раставьте селекторы по приоритетам, от большего к меньшему:
    1. .element ul li a{color: red;}
    2. .element a {color: black;}
    3. a {color: white;}
    4. ul li a {color: blude;}

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

  1. Создайте файл modul-2.html в папке онлайн дневника, с такой же html струкурой как и index.html (просто сделайте копию и замените содержимое боков с уроками и боковой навигацией).
  2. Озоглавьте этот файл (Модуль 2 - ...) и выполните ДЗ в этом файле.
  3. В index.html поставьте ссылку в главном меню на этот файл.
  4. В modul-1.html поставьте ссылку на файл index.html (в общем сделайте перелинковку, что бы можно было переходить с одного файла на другой).

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

  1. Что понравилось и что не понравилось.
  2. Все ли понятно ? Доходчиго ли я объясняю ?