Приложение B. Cведения о CSS

Шрифты и текст

стиль шрифта ()

Устанавливает курсивный (italic), наклонный (oblique) или обычный (normal).

толщина шрифта ()

Может быть полужирным (bold), более жирным (bolder), светлым (lighter) или обычным (normal).

font-size

Может быть xx-small, x-small, small, medium, large, x-large, xx-large ; larger или smaller ; или точной высоты в пикселях и пунктах; или в процентах от наследуемого размера шрифта.

body,td {font-size:14pt;} 
h1 {font-size:x-large;color:blue;} 
h2 {font-size:x-large;} 
h3 {font-size:large;} 
.footer {font-size:13px;}

высота строки ()

Устанавливает высоту каждой строки текста. Указывается или конкретная высота, или процент от высоты по умолчанию.

compact {line-height:95%}

font-family

Выберите семейство. Чтобы поддерживать системы с различными шрифтами, предусмотрите альтернативу (включая serif, sans-serif и monospace, используемые большинством систем).

body,td {font-family:Verdana, 
Arial,Helvetica,sans-serif;}

.typewriter {font-family:"Courier
New",Courier,monospace;}

font

Устанавливает предыдущие пять свойств (в порядке, обозначенном ниже). Если вы устанавливаете высоту строки, это свойство должно стоять после размера шрифта, отделенное слэшем (/).

body,td {font:12pt/14pt "Times New  
Roman",Times,serif;}

h1 {font:italic bold 18pt Arial 
sans-serif;}

text-decoration

Можно установить подчеркивание (underline), линию над текстом (overline), зачеркивание (line-through) или none.

letter-spacing

Позволяет вам регулировать расстояние между символами. Указывается положительное или отрицательное значение длины, или процент от существующей разбивки.

text-align

Можно установить center, justify, right, или left. Используется для полей, рисунков, таблиц и других объектов также как и текст.

vertical-align

Можно установить baseline, sub, super, top, middle, bottom, text-top, text-bottom, или auto. Используется для рисунков, таблиц и других объектов также как и текст.

text-indent

Делает отступ необходимой длины в первой строке каждого параграфа.

text-transform

Устанавливает peгистр. Можно установить capitalize, lowercase, uppercase, или none.

Селекторы псевдо-элементов :first-letter и :first-line

Cелекторы псевдо-элементов используются для специального форматирования первой буквы элемента или всей первой строки.

p:first-letter {float:left;                    
  font-size:32pt;line-height:28pt;       
  padding-right:5px;}

.fancy:first-line {                              
  font-size:larger;                                 
  letter-spacing:1pt;}