Latest web development tutorials
×

CSS курс

CSS курс CSS Краткое введение CSS грамматика CSS Id и Class селектор CSS создать CSS фон(background) CSS текст(text) CSS шрифты(Fonts) CSS ссылка(link) CSS стили списка(ul) CSS таблица(table) CSS Box модель CSS рамка(border) CSS контур(outline) CSS маржа(margin) CSS начинка(padding) CSS Группировка и вложенность CSS размер(Dimension) CSS дисплей(display) CSS разместить(position) CSS терка(float) CSS выравнивать(align) CSS Сочетание селекторов CSS Псевдо-классы CSS Псевдо-элемент CSS Панель навигации CSS Выпадающее меню CSS Галерея изображений CSS Прозрачное изображение/непрозрачный CSS технологии мозаики изображения CSS Тип носителя CSS селекторы атрибутов CSS резюме CSS примеров

CSS3 курс

CSS3 курс CSS3 Краткое введение CSS3 рамка(border) CSS3 фон CSS3 постепенное изменение CSS3 Текстовые эффекты CSS3 шрифты CSS3 2D изменение CSS3 3D изменение CSS3 переход CSS3 анимация CSS3 Multi-колонки CSS3 Пользовательский интерфейс

CSS Адаптивный дизайн

Viewport Grid View Медиа-запросы изображение видео(video) рамка

CSS справочное руководство

CSS справочное руководство CSS селектор CSS Речь Ссылка CSS Web Безопасные шрифты CSS анимация CSS блок CSS цвет CSS значения цвета CSS название цвета CSS шестнадцатеричный цвет

CSS Text (текст)

Text Format

Этот текст написан в стиле с некоторыми на форматирование текста Свойства. На заголовок использований в текст выравнивать = левый, преобразование текста в Transform и свойства цвета. В этом пункте отступа выравниваются, и в пространстве между символами указывается. В подчеркивание удаляется из в " попробуйте " Link.

Цвет текста

Цвет атрибут используется, чтобы установить цвет текста.

Цвет чаще всего определяется CSS:

  • Шестнадцатеричные значения - такие как "# FF0000"
  • Значение RGB - "RGB (255,0,0)"
  • Названия цветов - такие, как "красных"

См значения цвета CSS просмотреть полные значения цвета.

Фон страницы находится в основном корпусе средства выбора:

примеров

body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

Попробуйте »

замечание Для стандарта W3C CSS: если вы определяете свойство цвета, необходимо также настроить цвет фона атрибуты.


Выравнивание текста

Text-Align свойство используется для установки горизонтального выравнивания текста.

Текст может быть по центру или выравнивается по левому или по правому краю.

Когда выравнивания текста установлен в положение "оправдать", каждая линия была расширена до такой же ширины, левый и правый край выравниваются (например, журналы и газеты).

примеров

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

Попробуйте »


Текст-украшение

текст-отделка свойство используется для установки или удаления декоративный текст.

С точки зрения дизайна в основном текст-отделка свойство используется, чтобы удалить подчеркивание ссылок:

примеров

a {text-decoration:none;}

Попробуйте »

Вы также можете украсить этот текст:

примеров

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}

Попробуйте »

замечание Мы не рекомендуем, чтобы подчеркнуть, что текст не является ссылкой, потому что часто путают с пользователем.


Преобразователи Текстовые

Преобразовать текстовый атрибут используется для указания прописные и строчные буквы в тексте.

Инициалы может быть использован для всего в заглавных и строчных букв, или каждое слово прописными буквами.

примеров

p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

Попробуйте »


Текст-отступов

Text-отступа свойство отступа первой строки используется для задания текста.

примеров

p {text-indent:50px;}

Попробуйте »


примеров

Другие примеры

Определенное пространство между символами
Этот пример демонстрирует, как увеличить или уменьшить расстояние между символами.

Задает пространство между рядами
Этот пример демонстрирует, как указать расстояние между строками в абзаце

Настройка ориентации элемента текста
Этот пример демонстрирует, как изменить направление текста элемента.

Увеличьте пустое пространство между словами
Этот пример показывает, как добавить пробел между словами в абзаце.

Отключить перенос текста в элементе
Этот пример показывает, как отключить текстовый элемент внутри объемного звучания.

Вертикальное выравнивание изображения
Этот пример показывает, как установить вертикальное выравнивание текста изображения.

Добавление текста тени
Этот пример показывает, как установить текстовые тени.


Весь текст CSS атрибутов.

свойство описание
цвет Установить цвет текста
направление Настройка ориентации текста.
письмо-разнос Настройка интервал между символами
высота линии Настройка высоты строки
выравнивания текста Выравнивание текста в элементе
текст-отделка Добавление изменений в текст
текст-отступов Отступа первой строки китайских элементов
текст-тень Установите тень текста
текст-преобразования буквы элемента управления
юникода-биди Устанавливает или возвращает ли переписать текст
вертикально-Align Установить вертикальное выравнивание элементов
бело-пространство Пустой набор элементов обрабатывается
слово-интервал Настройки межсловное