Использование каскадных таблиц стилей (CSS)
Есть несколько способов использования каскадных таблиц стилей в документе HTML
- Описание в разделе <head> (заголовка) HTML-документа;
- Описание во внешнем файле;
- Встраивание (inline-описание).
Давайте ознакомимся с этими вариантами по порядку.
Синтаксис каскадных таблиц стилей
Как указывалось в предыдущей статье, правило в CSS записывается из двух частей: селектора и описания. Селектор определяет, к какому элементу или группе элементов HTML-документа будут применяться приведенные в данном описании стилевые свойства. В качестве селектора могут быть указаны как сами имена элементов (то есть теги), так и другие более сложные текстовые структуры, такие как классы, идентификаторы и т.д.
Стилевые свойства текста
Познакомимся в этой статье со свойствами, определяющими внешний вид текста на веб-странице. Начнем со свойства text-align, которое управляет горизонтальным выравниванием текста (а также и картинками) в элементе HTML-документа.
Стилевые свойства цвета и фона
Продолжаем знакомиться с каскадными таблицами стилей, и в этой статье узнаем о стилевых свойствах цвета и фона элементов HTML-документа.
Стилевые свойства шрифта
Рассмотрим в этой статье как можно управлять шрифтом на веб-страничке. Начнем с одного из самых важных свойств - свойство font-family. Свойство font-family определяет гарнитуру шрифта. В качестве значения этого свойства нужно указывать имя гарнитуры шрифта и/или имя общедоступной гарнитуры.
Блочная модель документа. Часть 1
В каскадных таблицах стилей (CSS) элементы HTML-документа представляют собой прямоугольные блоки, об их отображении на веб-странице мы и поговорим в этой статье.
Давайте для начала познакомимся со структурой блока. Каждый блок состоит из содержимого элемента, отступа между содержимым и границей блока, самой границы блока, а также поля (расстояние от границы блока до другого элемента) блока.