Вам понадобится
  • Компьютер с подключенным интернетом.
Инструкция
1
Прочитайте о том, в каких целях применяются каскадные таблицы стилей. Форматирование текста – это наиболее часто применяемая функция каскадных таблиц стилей. Любой HTML-документ содержит огромное количество текстовой информации в различных его частях. Каждая часть страницы при этом должна иметь собственный формат и шрифт: часть текста является текстом меню, другая – заголовком, третья – основным текстом страницы и т.д. Для форматирования текстовой информации используют команды, направленные на изменение названия шрифта, его размера, жирности и т.д.
2
Итак, в первую очередь, обратите внимание на параметр стиля font-family. Данный атрибут позволяет установить определённый шрифт для данного тега. Название шрифта пишется после знака «:». Атрибут стиля font-size используется для задания размера текста, содержащегося в теге. Величина размера так же записывается после знака «:» и указывается в пикселях, например, «font-size: 20px».
3
Заметьте, что параметры стиля можно объединять и записывать вместе через знак «;». Это удобно, если необходимо задать несколько параметров для одного тега.
4
Используйте атрибут стиля color для изменения цвета текста. Название цвета записывается стандартным образом: green, blue, red и т.д. Также имеет возможность задать цвет не только самого текста, но и цвет фона. Для этой цели служит атрибут background-color, после которого также необходимо указать выбранный цвет. Если же вы хотите использовать в зоне действия данного тега в качестве фона не заливку, а некоторое изображение, то обратитесь к параметру стиля background-image, указывая после него пусть к источнику изображения.
5
Познакомьтесь с рядом атрибутов стиля, задающих параметры элементов страницы, к которым, в первую очередь, стоит причислить padding, border,float, position.
6
Применяйте параметр padding для задания величины поля, ограниченного данным тегом. При этом данная величина отсчитывается от каждой из сторон. Атрибут border указывайте для формирования обрамления данного поля. После двоеточия записывается толщина рамки, указанная в пикселях. Свойство float позволит элементу вашей страницы «всплывать» в правую или левую сторону. В связи с этим уточняющими параметрами данного свойства являются left или right.
7
Если вам необходимо точно указать положение объекта на документе, используйте свойство position. Оно определяет местонахождение элемента страницы абсолютным способом, например, «position:absolute;bottom:50px;right:10px;», или относительным, отсчитывая расстояния от краев страницы.