 |
|
Модераторы: Illuminaty |
 
|
|
Так и не понял разницы между DIV и SPAN, Когда использовать DIV а когда SPAN? 
| MDM |
|
|||
 Опытный  Профиль Группа: Участник Сообщений: 264 Регистрация: 16.3.2007 Где: г. Нальчик Репутация: нет Всего: 4 |
И DIV и SPAN - слои!... Ведут, вроде, себя одинаково... Так какая между ними разница??? Когда лучше использовать DIV, а когда SPAN?
  Я совсем ещё новичок, объяните, покажите! Плииз!  Спасибо! |
|||
|
||||
Дата 5.2.2008, 16:05 (
Загрузка ...
| bars80080 |
|
|||
 прапор творюет Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 50 Всего: 315 |
по умолчанию, если ты не переназначишь, div - блочный элемент, span - строчный (display: block, inline)
соответственно они и ведут себя а если ты переназначаешь характеристики элементов, то можно и с <b> не увидеть разницу |
|||
|
||||
| SelenIT |
|
|||
 баг форума Профиль Группа: Завсегдатай Сообщений: 3996 Регистрация: 17.10.2006 Где: Pale Blue Dot Репутация: 97 Всего: 401 |
Причем и семантика (смысл, назначение) у них именно такая: div - выделить/оформить целый блок текста (возможно, содержащий несколько абзацев/других блоков), span - выделить слово/фразу в пределах одного абзаца. И "переназначать" ничего, как правило, не нужно (за очень редкими вынужденными исключениями в угоду дизайна). -------------------- Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму! |
|||
|
||||
| BASILIO |
|
|||
 Koté-CAH Профиль Группа: Участник Сообщений: 135 Регистрация: 25.2.2008 Репутация: нет Всего: нет |
Не туда заполстил, дайте возможность юзерам в течении минуты удолять последнию месагу
Это сообщение отредактировал(а) BASILIO - 29.2.2008, 19:13 |
|||
|
||||
| ilyaILF |
|
|||
 Шустрый Профиль Группа: Участник Сообщений: 70 Регистрация: 8.11.2006 Репутация: 6 Всего: 6 |
А еще попробуйте задать какой-нибудь цвет фона у тега SPAN и у тега DIV и напишите и в тот и в другой текст какое-нибудь небольшое предложение. Вы увидите, что SPAN "обрамляет" только строку, а DIV растягивается всегда на всю ширину, ограниченную внешним блоком или "ширину экрана", а в высоту увеличивается по мере переноса предложения на всю строку, или когда ему задана явная высота (и похож и ведет себя как блок). У SPAN-а же вы высоту задать не сможете, он ее просто не изменит, он - строковый элемент и ведет себя как строка. Поэтому у него и нет вертикальныз margin и padding. Но margin для SPAN можно сымитировать, задав ему стиль line-height (высота строки) и так-как он строчный элемент, то на это значение он "среагирует".
|
|||
|
||||
| skyboy |
|
|||
|
неОпытный Профиль Группа: Модератор Сообщений: 9820 Регистрация: 18.5.2006 Где: Днепропетровск Репутация: 6 Всего: 260 |
ilyaILF, ну, так. измени display у span'a на block(явно установи) и ты увидишь "растянутый на всю ширину страницы" span. все, что ты описал, в принципе, различие между отображение inline и block элемента.
а смысл? задать межстрочный интервал для некоторых строк абзаца? разбей на div'ы. |
|||
|
||||
| ilyaILF |
|
|||
|
Шустрый Профиль Группа: Участник Сообщений: 70 Регистрация: 8.11.2006 Репутация: 6 Всего: 6 |
skyboy я в двух словах прокомментировал вопрос "Так какая между ними разница??? " новичку, а вопрос как-раз и состоял в объяснении различия inline (строкового) и block (блочного) элементов.
|
|||
|
||||
| MDM |
|
|||
|
Опытный Профиль Группа: Участник Сообщений: 264 Регистрация: 16.3.2007 Где: г. Нальчик Репутация: нет Всего: 4 |
С вашей помощью разобрался, и четко теперь представляю разницу.
 Спасибо всем! Вопрос закрыт! Это сообщение отредактировал(а) MDM - 3.3.2008, 09:37 |
|||
|
||||
Дата 3.3.2008, 09:30 (
|
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
[ Время генерации скрипта: 0.0542 ] [ Использовано запросов: 21 ] [ GZIP включён ]
Реклама на сайте Информационное спонсорство
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |