Уведомления

Группа в Telegram: @pythonsu

#1 Дек. 22, 2014 15:18:08

Kodriderme
Зарегистрирован: 2014-12-01
Сообщения: 18
Репутация: +  1  -
Профиль   Отправить e-mail  

Html разница в css свойствах

Здравствуйте.
Подскажите в чем отличие (по подробнее если можно)css свойств:

padding-left
от
marging-left
там вроде как в первом случае отступ от содержимого элемента, а во втором отступ от элемента, как бы это сказать… как кантейнера (со всеми полей элемента)? Т.е. если использовать второй вариант, то нужно прописывать значения полей в css?

Заранее спс

Отредактировано Kodriderme (Дек. 22, 2014 15:19:59)

Офлайн

#2 Дек. 22, 2014 15:28:03

4kpt_III
Зарегистрирован: 2014-12-22
Сообщения: 999
Репутация: +  39  -
Профиль   Отправить e-mail  

Html разница в css свойствах

Никаких полей прописывать не нужно.
Идет так: pading, border, margin.
1 - отступ от внутренней структуры объекта. Если это кнопка - отступ от текста. Если внутри объекта другой объект - то отступ от него.
2 - граница поверх 1.
3 - отступ от (границы поверх 1) до рядом стоящего объекта. Не забываем, что не везде работает
Для полного понимания рекомендую первое время посматривать в google chrome внизу любого CSS описания объекта при включении (“просмотр кода элемента”). Там есть натурная схема padding, border, margin.

P.S. Еще рекомендую прочитать книгу Шмитт К. CSS. Рецепты программирования.

Офлайн

#3 Дек. 22, 2014 15:53:23

vonujesih
Зарегистрирован: 2014-12-21
Сообщения: 5
Репутация: +  0  -
Профиль   Отправить e-mail  

Html разница в css свойствах

Офлайн

#4 Дек. 22, 2014 15:54:09

Kodriderme
Зарегистрирован: 2014-12-01
Сообщения: 18
Репутация: +  1  -
Профиль   Отправить e-mail  

Html разница в css свойствах

сейчас нарыл простое объяснение которое звучит что-то типа:
marging - отступ от краев браузера до элемента
padding - отступ от краев элемента до содержимого


Офлайн

#5 Дек. 22, 2014 15:56:02

vonujesih
Зарегистрирован: 2014-12-21
Сообщения: 5
Репутация: +  0  -
Профиль   Отправить e-mail  

Html разница в css свойствах

Kodriderme
сейчас нарыл простое объяснение которое звучит что-то типа:marging - отступ от краев браузера до элементаpadding - отступ от краев элемента до содержимого
не верно.

Ти знаешь что такое контейнер?

Офлайн

#6 Дек. 22, 2014 16:31:56

Kodriderme
Зарегистрирован: 2014-12-01
Сообщения: 18
Репутация: +  1  -
Профиль   Отправить e-mail  

Html разница в css свойствах

контейнер в принципе это тег имеющий содержимое . Например тег абзаца p

marging для p — это (внешний) отступ от p до краев браузера.
paddin для p — это отступ внутри p для текста: отступ от текста до “границ” p
border для p — “рамка” p

как-то так

Офлайн

#7 Дек. 22, 2014 17:33:05

ZZZ
От: Москва
Зарегистрирован: 2008-04-03
Сообщения: 2161
Репутация: +  26  -
Профиль   Адрес электронной почты  

Html разница в css свойствах

4kpt, это у тебя прикол такой, тысячи считать?



Офлайн

#8 Дек. 23, 2014 06:49:34

PooH
От:
Зарегистрирован: 2006-12-05
Сообщения: 1948
Репутация: +  72  -
Профиль   Отправить e-mail  

Html разница в css свойствах

Kodriderme
контейнер в принципе это тег имеющий содержимое . Например тег абзаца pmarging для p — это (внешний) отступ от p до краев браузера.paddin для p — это отступ внутри p для текста: отступ от текста до “границ” pborder для p — “рамка” pкак-то так

неверно http://htmlbook.ru/samlayout/blochnaya-verstka/blochnaya-model



Вот здесь один из первых отарков съел лаборанта. Это был такой умный отарк, что понимал даже теорию относительности. Он разговаривал с лаборантом, а потом бросился на него и загрыз…

Офлайн

#9 Май 26, 2015 14:34:07

MyWeb
Зарегистрирован: 2015-05-26
Сообщения: 15
Репутация: +  0  -
Профиль   Отправить e-mail  

Html разница в css свойствах

margin - внешний отступ, padding - внутренний.

Офлайн

Board footer

Модераторировать

Powered by DjangoBB

Lo-Fi Version