Текст в CSS. Выравнивание текста, подчёркнутый. Как задать в css цвет текста?

CSS

скачать бесплатно – ” HTML на примерах, всё доступно и просто (для начинающих)”
– – –чайник, HTML ДЛЯ ЧАЙНИКОВ– – –
>> с к а ч а т ь <<

скачать бесплатно – “Как создать классный сайт!
От начала и до конца”
чайник, HTML ДЛЯ ЧАЙНИКОВ—>> с к а ч а т ь <<

основы css и htmlЧтобы выровнять текст по вертикали, по центру. Придать отступ тексту или сделать текст жирным или изменить размер и цвет текста, используйте такие правила как:
– TEXT-ALIGN
– TEXT- DECORATION
– TEXT-INDENT
– TEXT-TRANSFORM
– LETTER-SPACING
– WORD-SPACING

 

text-align

Выравнивание текста на странице.
left – выравнивание по левому краю (по умолчанию)
center – выравнивание по центру
right – по правому краю
justify – по ширине экрана ( от левого до правого краёв экрана)

Пример:

h1
{ text-align: center;}
h2 
{text-align: left;}
h3 
{text-align: right;}
p 
{text-align: justify;}

заголовок <h1> будут выровнены по центру,
заголовок <h2> будут по левому краю,
заголовок <h3> справа,
параграфы <p> будут по ширине экрана.

 

text-decoration

Нужен для оформление текста.
noneзначение по умолчанию, обычный текст
underline – подчёркнутый текст
overline – надчёркнутый сверху
line-through – перечёркнутый текст

Например:

h1 
{text-align: center; 
text-decoration: underline; }
h2 
{text-align: left;
text-decoration: overline; }
h3 
{text-align: right; 
text-decoration: line-through; }

заголовок <h1> будет подчёркнутый,
заголовок <h2> будет надчёркнутый сверху,
заголовок <h3> будет перечёркнутый,

text-indent

Применяется для создания абзаца, красной строки. Позволяет сделать отступ для параграфа «p». Пример:

h1
{text-align: center;}
p
{text-indent: 20px; }

Для всех параграфов <p> абзац будет равен 20 пикселям.

text-transform

Предназначен для изменения регистра букв.
none – значение по умолчанию,  ничего не делает
capitalize – Все Первые Буквы Слов Делает Заглавными
uppercase – ДЕЛАЕТ ВСЕ БУКВЫ ЗАГЛАВНЫМИ
lowercase – делает все буквы строчными

h2
{text-align: center;
text-transform: capitalize;}

Читайте также:  Как сделать красивую полосу прокрутки на Вашем сайте? CSS

 

letter-spacing

С этим правилом можно указать расстояние между буквами. Задаётся в пикселях.

h1
{text-align: center;
letter-spacing: 20px; }

Для заголовков <h1> расстояние между буквами будет 20 пикселей.

 

word-spacing

Это правило определяет расстояние между словами в пикселях.

h2
{word-spacing: 30 px; }

расстояние между словами в заголовках <h2> будет 30 пикселей.

 

# У вас наверняка возникли вопросы, например:

Как задать в css цвет текста?

p {color: #cc0000px; }

Цвет текста в параграфе <р> будет красного цвета.

 

Как задать размер текста в css ?

p {font-size:14px; }

Размер текста в параграфе <р> будет 14 пикселей.

дальше. – Шрифты в CSS.чайник, CSS ДЛЯ ЧАЙНИКОВ

 

 

 

 

 

 

Оцените статью
ЗАРАБОТОК В СЕТИ
Добавить комментарий