Элементы <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;
}
Читать далее
Это интересно
0
|
|||
Последние откомментированные темы:
-
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
-
Unhackme - Мега анти.вирус
(1)
MaxCheater
,
21.07.2016
-
Качаем и слушаем музыку вконтакте без проблем
(2)
Дмитрий Мотовилов
,
15.07.2016
-
4 способа зайти в безопасный режим в Windows 10
(2)
Horov
,
20.05.2016
-
Программа Total Commander 8.52a VIM 14 описание и установка
(1)
Present2007
,
03.05.2016
-
Конвертация DJVU в формат Microsoft Word
(1)
Present2007
,
17.04.2016
20240425020612