Пополнить WebMoney
Вывод WebMoney
Обмен WebMoney
Кредит WebMoney

Текст в CSS.



чайник, HTML ДЛЯ ЧАЙНИКОВ скачать бесплатно - " HTML на примерах, всё доступно и просто (для начинающих)"
- - -чайник, 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;}

 

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  ДЛЯ ЧАЙНИКОВ

 

 

 

 

 

 


Понравилась статья? - добавь ее себе!


 

 



сайт-визитка / шаблон сайта / обработка фотографий / дизайн афиши, обложки книг, журнал, флаеры и т.д.
 
 
Подробней





nocrisise.ru © 2009-2012