Блог Кощея

Обо всём понемногу

Форматирование текста в CSS и HTML

Шпаргалка по форматированию CSS и HTML. Вроде бы понятно, по крайней мере для меня. Данный пример приведён в большей части для себя, так как постоянно приходиться лазать в нэте и искать правила.

Пример использование форматирования в HTML:

<div style="font-size: 20px">Форматирование текста </div>

Пример использование форматирования в CSS:

.primer {font-size: 20px;}

Таблица форматирования:

 

Результат Атрибут со значением

font-family: comic sans ms,sans-serif;

(вид и семейство шрифта)

Форматирование текста в CSS

font-size: 18px;

(размер шрифта)

Форматирование текста в CSS

font-style: italic;

(начертание шрифта (normal | italic | oblique | inherit)

Форматирование текста в CSS

font-variant: small-caps;

(представление строчных букв (normal | small-caps | inherit)

Форматирование текста в CSS

font-weight:bold;

(насыщенность шрифта (bold|bolder|lighter|normal|от 100 до 900 с шагом 100)

Форматирование текста в CSS

letter-spacing: 2px;

(расстояние между символами)

Форматирование текста в CSS

word-spacing: 8px;

(расстояние между словами)

Форматирование текста в CSS

color: #cc33ff;

(цвет текста)

Форматирование текста в CSS

text-indent:20px;

(величину отступа первой строки)

Форматирование текста в CSS

text-decoration:underline;

(оформление текста: мигание и тд. (blink | line-through | overline | underline)

Форматирование текста в CSS

text-transform:lowercase;

(все символы текста становятся строчными (нижний регистр)

text-transform:uppercase;

(все символы текста становятся прописными (верхний регистр)

text-transform:capitalize;

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

Форматирование текста в CSS


Форматирование текста в CSS


Форматирование текста в CSS

vertical-align:super;

(элемент изображается как надстрочный, в виде верхнего индекса)

vertical-align:sub;

(элемент изображается как подстрочный, в виде нижнего индекса)

Форматирование текста в CSSтекст


Форматирование текста в CSSтекст



text-transform:lowercase