набор правил или свойств, которые описывают, как тот или иной

элемент или группа элементов будут отображаться на экране монитора в браузере.
Действуют два стандарта CSS – CSS1 и CSS2.
В разработке – стандарт CSS3

будет применен тот или иной стиль. Это делается с помощью

так называемых селекторов. Они позволяют применять стили:
ко всем элементам данной группы, например, ко всем элементам

;
к элементам с определенным классом или id, которые указываются непосредственно в коде страницы
например, к элементам <Н1 class="topHeader">;
к элементам, содержащимся внутри другого элемента
например, к элементу <ем> в таком контексте

3аголовок с <ЕМ>выделенным словом;
к первой букве элемента, например <р>, что позволяет создавать буквицы;
к первой строке элемента;
к посещенным, непосещенным и активным ссылкам.

полей и рамок; устанавливать тип и цвет рамок.
3. Осуществлять некоторое

позиционирование блоков:
выравнивание по горизонтали;
обтекание блоков текстом.
4. Управлять шрифтом на странице:
устанавливать начертание;
устанавливать насыщенность;
устанавливать размер и стиль шрифта.

изображение блока;
управлять повторением фонового изображения;
позиционировать фоновое изображение.
6. Писать стили для

текста:
устанавливать расстояние между словами и буквами;
устанавливать атрибуты оформления, например подчеркивание и перечеркивание текста;
выравнивать текст по горизонтали и вертикали;
устанавливать высоту строки;
устанавливать цвет текста. 7. Управлять списками:
устанавливать тип маркера в начале каждого пункта списка;
использовать в качестве маркера графические изображения;
позиционировать маркеры.

заголовке документа
Подключение стилевого файла (описание стиля хранится в отдельном файле)

выровнен по ширине

P {text-align: justify}

3. Подключение стилевого файла st.css,

где содержится полное описание стиля (записывается в заголовке документа):

краю), right (по правому краю), center (по центру), justify (по

ширине)
Например
P {text-align: justify}

overline (линия над текстом), line-through (перечеркивание)
Например
H1 {text-decoration: underline}

255, 22)}

rgb(22, 255, 22)}

копиями фонового изображения
Значения
repeat – фоновое изображение повторяется по горизонтали и

по вертикали (по умолчанию)
repeat-x – фоновое изображение повторяется только по горизонтали
repeat-y – фоновое изображение повторяется только по вертикали
Пример
body {background-repeat: repeat-x}

несколько семейств (через запятую), то приоритет определяется порядком их следования

в перечислении.
Пример
BODY { font-family: Baskerville, "Heisi Mincho W3", serif, arial, times}

italic}

400 – normal)
Пример
H1 {font-weight: bolder}

в процентах от базового значения, или
xx-small
small
medium
large
x-large
xx-large

Примеры
P {font-size: 14pt}

элемента
Пример
P {margin-top: 20px}
margin
Body {margin: 30px 20px 10px 20px}

и определенным участком его границы
Пример
P {padding-top: 20px}
padding

Рамка проходит между полем и остальной частью документа
Пример
P {border-top-width: 20px}

border-width

Рамка проходит между полем и остальной частью документа
Пример
P {border-top-color: red}

border-color

Рамка проходит между полем и остальной частью документа
Значения
none
hidden
dotted
dashed
solid
double
groove
rigde
inset
outset

Пример
P {border-top-style: dotted}

border-style

виде диска
circle – маркер в виде окружности
square – маркер в

виде квадрата
decimal – списки, пронумерованные с помощью чисел
decimal-leading-zero – списки, нумерованные с помощью десятичных чисел с лидирующими нулями
lower-roman – с помощью строчных римских цифр

цифр
lower-latin – строчные латинские ASCII символы
upper-latin – заглавные латинские ASCII

символы
lower-greek – строчные греческие буквы

– адрес (URL) изображения
Пример
UL {list-style-image: url(“1.gif”)}

посещённые ссылки
:visited – посещенные ссылки
:lang – определяет текущий язык
:first-line –

первая строка форматируемого абзаца
:first-letter – первая буква абзаца
Пример
P:first-letter {font-weight: bolder}