Часто у начинающих верстальщиков возникают вопросы о том, для чего используют те или иные свойства элементов в CSS, значения, теги html, и так далее. Понято, что у каждого тега или элемента языка разметки или каскадных таблиц стилей есть своё назначение. В этой статье мы поговорим о том, как правильно использовать span и div в CSS .
Теги span и div используются чаще с селекторами классов. Элемент span предназначен для того, чтобы поменять стиль выделенной части текста, это может быть отдельный символ или набор символов. Span называют нейтральным, так как он не добавляет ничего нового к документу, а вместе с присвоенными значениями помогает поменять облик шрифтов или нескольких фраз в тексте.
Div – элемент, который даёт возможность применять стиль сразу к целому блоку. Перед div автоматически добавляется перенос строки, а также пробел. Элемент span вполне удобен для выделения цитат в тексте, придания некоторым словосочетаниям важности с помощью выделения их жирным шрифтом. Div используется, в основном, для создания слоёв.