Опубликован: 06.10.2006 | Уровень: для всех | Доступ: свободно
Дополнительный материал 2:

Приложение 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;}
Размер шрифта для обычного текста 14 пунктов, шрифт заголовков чуть-чуть больше, а размер шрифта в элементах класса footer-class точно 13 пикселей в высоту

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

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

Пример
compact {line-height:95%}
Строки в элементах класса compact ближе друг к другу, чем обычно

font-family

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

Пример
body,td {font-family:Verdana, 
Arial,Helvetica,sans-serif;}
Страница использует шрифт Verdana, если он доступен; иначе используется Arial или Helvetica, или шрифт без засечек по умолчанию
.typewriter {font-family:"Courier
New",Courier,monospace;}
Текст в элементе класса typewriter использует Шрифт New, если вoзможно; иначе используется Courier или моноширинный шрифт по умолчанию

font

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

Пример
body,td {font:12pt/14pt "Times New  
Roman",Times,serif;}
Страница использует Times New Roman или другой шрифт с засечками размером 12 пунктов с высотой строки 14 пунктов
h1 {font:italic bold 18pt Arial 
sans-serif;}
H1-заголовки используют жирный курсивный шрифт Arial размером 18 пунктов или шрифт без засечек по умолчанию

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;}
Первая строка каждого параграфа или заголовка, относящегося к классу fancy, имеет больший размер
Наталья Алмаева
Наталья Алмаева
Россия
Светлана Ведяева
Светлана Ведяева
Россия, Саратов