Внутренние стили. Определяются атрибутом непосредственно в элементе. Мало отличается от традиционного HTML. Внешний вид документа трудно изменить

Глобальные стили. Определяются тэгом STYLE с атрибутом TYPE="text/css" в контейнере <HEAD>...</HEAD>, являются универсальным средством, позволяющим не только оперативно изменять внешний вид страницы, но и и бороться с перегруженностью документа оформительскими тэгами.

Связанные стили. Определяются во внешнем файле. Позволяют всем страницам, принадлежащим одному серверу выглядеть единообразно. Для связи с файлом, на котором описана таблица стилей, используется тэг<LINK> с атрибутом REL="stylesheet".

Другие атрибуты:

• TITLE. Задает заголовок страницы, на которой с помощью тэга <STYLE>, определена таблица стилей.

• HREF. Ссылка на страницу с таблицей стилей или имя файла.

• TYPE. Тип файла, с которым нужно установить связь.

Пример

<LINK TITLE="mystyle" REL="stylesheet" HREF="style.htm" TYPE="text/css">

Наиболее популярные свойства стилей:

• BACKGROUND. Фон элемента.

• BORDER. Рамка вокруг элемента. Возможные значения: solid 0.5mm (есть рамка шириной 0.5 миллиметра), none (нет рамки).

• BORDER-COLOR. Цвет рамки. Возможные значения: blue, #993300.

• COLOR. Цвет элемента.

Статические Web технологии. CSS свойства текста

text-indent: Отступ первой строки текста в блоке

text-align: Выравнивание текста(left, right, center, justify)

text-decoration: Устанавливает эффекты оформления шрифта (underline (подчеркнутый), overline (надчеркнутый), line-through (перечеркнутый), blink (мерцающий))

letter-spacing: Межсимвольное расстояние (размер,normal)

word-spacing: Расстояние между словами (размер,normal)

text-transform: Задает преобразование регистра текста при отображении (none, capitalize -первая буква каждого слова заглавная, uppercase -все буквы заглавные, lowercase - все буквы строчные)

line-height: Межстрочный интервал (normal, число, размер, процент)

white-space: Способ обработки символов пустого пространства внутри блока (normal, pre - не изменять символы пустого пространства, nowrap -не разрывать строку).


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: