Определение правила состоит из одного или нескольких элементов, представляющих собой свойство (атрибут) и его значения, разделённых двоеточием (color:blue). При некорректном задании свойства или значения соответствующая пара игнорируется.
Величины, обозначающие размеры элементов, могут задаваться:
в абсолютных единицах:
in – дюймы;
cm – сантиметры;
mm – миллиметры;
pt – пункты (пойнты) 1 пункт = 1/72 дюйма, или 0,35 мм;
pc – пики, 1 пика = 12 пунктам.
в относительных единицах:
em – высота элемента базового шрифта;
px – количество пикселей данного устройства;
x – высота буквы x
% - процент по отношению к опорному значению.
Свойства для таблиц стилей
font-family – виды шрифтов и их приоритеты, значения – "Arial", "Courier" (названия шрифтов), serif, cursive(группа шрифтов с засечками)
<body style="font-family:'Times New Roman',serif">
или
body {font-family: "Times New Roman", serif)
font-style – определяет начертание букв (normal – нормальное, italic - курсив, oblique – наклонное)
font-weight – определяет жирность шрифта, значения: 100, 200,... 900.
|
|
font-size – размер шрифта, font-size:16pt – размер в пунктах, font-size:160% – размер в процентах, font-size:1.2em – размер в пропорции к базовому размеру шрифта в данном элементе
color – цвет символов, значения – названия цветов (red, gray) или 16-ричный код (#00FF0D).
background-color – цвет фона, значения – названия цветов (red, gray) или 16-ричный код (#00FF0D)
text-align – выравнивание текста, значения: left, right, center, justify (выравнивание по ширине).
text-decoration – оформление текста, значения: underline - подчёркивание, overline - надчёркивание, line-through - зачёркивание, blink - мерцание
text-indent – отступ первой строки элемента уровня блока, например, абзаца
p {text-indent: 20pt)
background-image – фоновый рисунок – background-image:url(stars.gif)
background-repeat – повторяемость фонового рисунка, значения: repeat, repeat-x, repeat-y, no-repeat.
margin-top, margin-left, margin-bottom, margin-right - поля документа, задаются в пикселях, процентах и т.д.
Границы (обрамление):
border-color – цвет границы.
border-width – толщина границы (thin, medium, thick или числовое значение).
border-style – тип линии (none – нет линии, solid - сплошная, dotted - пунктир, dashed - штриховая, double - двойная, groove - углублённая, ridge - выпуклая, inset - утопленная, outset - выпуклая)