Теги <div> и <span> используются вместе с CSS. По отдельности они не изменяют внешний вид содержимого. Тег <span> визуально не влияет на текст. Тег <div> создаёт блочный элемент, как если бы добавить <br> до и после секции.
Теги могут иметь атрибуты class, id и style для применения стилей. Их можно вкладывать друг в друга на любое количество уровней.
Пример кода
Этот текст отображается в верхнем левом углу страницы.
Также у него есть большая синяя рамка вокруг.
Также у него есть большая синяя рамка вокруг.
Упражнение
Продолжительность: 10-20 минут. Это упражнение научит добавлять атрибуты class и id к тегам div и span на существующей HTML-странице.
Единицы измерения
В CSS размеры можно задавать с помощью разных единиц:
| Единица | Описание | Пример |
|---|---|---|
| px | Пиксели | margin-top: 10px; |
| pt | Пункты | font-size: 12pt; |
| in | Дюймы | padding-top: .5in; |
| cm | Сантиметры | top: 5cm; |
| mm | Миллиметры | left: 45mm; |
| pc | Пики | bottom: 12pc; |
| em | Ems | font-size: 1.5em; |
| ex | Exs | font-size: 1.5ex; |
| % | Процент | width: 80%; |
Пиксели (px) — самая часто используемая единица в веб-дизайне. Остальные единицы применяются реже или для печати.