Элементы <span> и <div> используются для структурирования документа, часто совместно с атрибутами class и id. В этом уроке мы подробно рассмотрим, как использовать <span> и <div>, поскольку эти элементы HTML имеют важнейшее значение в CSS.
- Группирование с помощью
<span> - Группирование с помощью
<div>
Группирование с помощью <span>
Элемент <span> можно назвать нейтральным элементом, который ничего не добавляет к содержимому документа. Но, в сочетании с CSS, <span> может использоваться для визуальных эффектов применимо к отдельным блокам текста.
Пример - цитата из Бенджамина Франклина:
<p>Кто рано ложится и рано встаёт,
тот будет здоровым, богатым и умным</p>
Скажем, мы хотим, чтобы Mr. Franklin увидел все преимущества бодрствования выделенные красным цветом. Для этого мы можем отметить эти преимущества с помощью <span>. Каждому блоку span будет присвоен class, который затем можно определить в нашей таблице стилей:
<p>Кто рано ложится и рано встаёт,
тот будет <span class="benefit">здоровым</span>,
<span class="benefit">богатым</span>
и <span class="benefit">умным</span>.</p>
В CSS:
span.benefit {
color:red;
}
Читать далее
Это интересно
+1
|
|||
Последние откомментированные темы:
-
AOMEI BACKUPPER TECHNICIAN PLUS 4.0.6 – программа для создания резервной копии или восстановления системы
(1)
Пилот 32
,
21.02.2018
-
Программа Adobe Photoshop CC.2015 на русском языке
(1)
r_lubinel
,
09.04.2017
-
Как изменить ip адрес компьютера на иностранный
(1)
Present2007
,
04.12.2016
-
Какой браузер самый лучший? Проводим сравнение..
(1)
Present2007
,
13.10.2016
-
Программа полиглот
(1)
Krechet51
,
15.08.2016
20251118092309