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

Урок 2-5

Верстка онлайн дневника. Часть 2 (Оформляем текст и отступы)



Качество записи получилось плохое, мерцание частое, буду перезаписывать, но думаю что смотреть можно.

Cсылка на картинки модулей

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

  1. Как выровнять текст вертикально по центру, с фиксированной высотой родительского блока текста ? (в секции .top_line это рассказываю).
  2. Как убрать жирность у заголовков, которую браузер дает им по умолчанию ?
  3. Опишите своими словами, как влияют padding и border на размеры блоков.
  4. Опишите своими словами, как работают псевдоклассы :first-child и :last-child ?

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

  1. Оформить текст и отступы как в видео
Решить задачи:
Есть блок с шириной 200px и высотой 200px.

Вопрос-1: Какая ширина и высота у блока после добавления 
padding: 10px 20px 30px 40px; ?

Вопрос-2: 
Какая ширина и высота у блока после добавления 
border: 3px solid #000; ?

Вопрос-3: 
Какая ширина и высота у блока после добавления 
margin: 20px 40px; ?

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

  1. Общее мнение об уроке, все ли понятно.
  2. Понятно где и как применять внешние и внутренние отступы ?
  3. Понятно как оформлять текст ?