Урок 3. Блочная структура. Поля и отступы

Views:
 
Category: Education
     
 

Presentation Description

No description available.

Comments

Presentation Transcript

Понятие блочной структуры:

Понятие блочной структуры

Понятие блочной структуры:

Понятие блочной структуры Для браузера каждый тэг – это контейнер, у которого есть: Содержимое Рамка - border Внутренний отступ - padding ; Внешние поля - margin ; top left bottom right Поля ( margin ) Отступ ( padding )

Отступы и поля:

Отступы и поля Внутренний отступ - padding Внешние поля - margin h 1 { color : red; border : 3px solid #FFDE3C; padding : 20px; margin : 10px 90px; } Запись в следующей последовательности: top _ right _ bottom _ left

Просмотр блоков в FireBug :

Просмотр блоков в FireBug В Firefox нажмите F12 для запуска FireBug

Поля (margin) и отступы (padding):

Поля ( margin ) и отступы ( padding ) .p1 { background-color : #FFE446; border: 1px solid red; margin : 70px; } .p2 { background-color : #FFE446; border: 1px solid red; padding : 70px; } .p3 { background-color : #FFE446; border: 1px solid red; margin : 50px; padding : 20px; }

Поля (margin) и отступы (padding):

Поля ( margin ) и отступы ( padding )

Использованные источники:

Использованные источники Бесплатный курс Евгения Попова по HTML и CSS Сайт Константина Полякова Сайт zvirec

authorStream Live Help