Различия между margin и padding в CSS
Данная статья посвящена различиям между margin и padding в CSS.
padding – это отступ от внутренней границы элемента до его содержания
border - это рамка элемента
margin – это отступ от внешней границы элемента до соседнего элемента
Значения свойств margin и padding могут быть заданы отдельно для каждой стороны, при помощи следующих свойств CSS:
margin-top, margin-right, margin-bottom, margin-left
padding-top, padding-right, padding-bottom, padding-left
margin, padding и border это все части блочной модели (Box Model)
Блочная модель выглядит так:
1. в центре находится область содержимого, контента
2. ее окружает padding
3. далее их окружает border
4. и в конце их всех окружает margin
CSS
Самоучитель HTML
Самоучитель HTML
С чего начинать?
Текст.
Цвет и фон.
Изображения.
Изображения-карты.
Ссылки.
Стили (CSS).
Мета-теги. (HTML создатель мета тегов)
Таблицы. (HTML создатель таблиц)
Списки.
Формы.
E-mail форма. (Почтовая форма на странице и проверка ее полей).
Горизонтальные линии.
Список элементов HTML. (Основные теги, используемые в Web-дизайне. Описание).
Раскладка цветовой гаммы по RGB-составляющим. (Название цветов на английском языке и в шестнадцатеричном виде).
Спецсимволы в HTML. (Специальные символы, математические, знаки препинания и прочие).
Курсоры.
Фильтры, применяемые к тексту.
Фильтры, применяемые к изображению.
Дополнительные возможности тега <BODY>
Новые окна. (HTML создатель ссылок для открытия новых окон с определенными параметрами).
Полезные советы Web-мастеру. (Информация, которую нужно учитывать при создании сайта).
JavaScript.
События.
Окна с сообщениями.
Кнопки.
Простые вредоносные JavaScripts.
Скачать и читать Самоучитель HTMLС чего начинать?
Текст.
Цвет и фон.
Изображения.
Изображения-карты.
Ссылки.
Стили (CSS).
Мета-теги. (HTML создатель мета тегов)
Таблицы. (HTML создатель таблиц)
Списки.
Формы.
E-mail форма. (Почтовая форма на странице и проверка ее полей).
Горизонтальные линии.
Список элементов HTML. (Основные теги, используемые в Web-дизайне. Описание).
Раскладка цветовой гаммы по RGB-составляющим. (Название цветов на английском языке и в шестнадцатеричном виде).
Спецсимволы в HTML. (Специальные символы, математические, знаки препинания и прочие).
Курсоры.
Фильтры, применяемые к тексту.
Фильтры, применяемые к изображению.
Дополнительные возможности тега <BODY>
Новые окна. (HTML создатель ссылок для открытия новых окон с определенными параметрами).
Полезные советы Web-мастеру. (Информация, которую нужно учитывать при создании сайта).
JavaScript.
События.
Окна с сообщениями.
Кнопки.
Простые вредоносные JavaScripts.
CSS
Предыдущая
Следующая
Показана страница 8 из 8