Шпаргалка по форматированию 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