CSS: Группировка элементов с помощью span и div

Добрый день, друзья. В сегодняшнем посту речь пойдет еще об одних способах группировки элементов страниц, а именно, о span и div. Они часто используются совместно с описанными ранее id и class.

Группировка с использованием span
Элемент span — это так называемый нейтральный элемент, который ничего не добавляет к самому документу, но с помощью него можно добавить визуальные функции для определенных частей текста страницы. Например, мы хотим, чтобы в предложении какое либо слово или несколько слов выделялись определенным образом, допустим девиз этого сайта «Есть идея? Действуй!», мы хотим выделить слово «Действуй!»:

<style>
	span {font-weight: bolder; color: red;} //текст жирный и цвет красный
</style>

<p>Есть идея? <span>Действуй!</span></p>

Вот так очень легко и просто мы придали индивидуальность части текста.

Группировка с использованием div
Div используется для группировки одного или нескольких блочных элементов с целью изменения вида содержимого. В этом отличие от span. И второе отличие, что при использовании div, содержимое тега всегда начинается с новой строки и после него также добавляется перенос строки.
Стоит заметить, что в настоящий момент все сайты строятся на блочной основе.

При перепубликации активная ссылка на этот блог обязательна.
Поблагодарить автора 🙂
 руб.