При копировании материала с этой страницы вы обязаны установить ссылку на нее согласно ч.4 Гражданского Кодекса РФ об интеллектуальных правах. В случае нарушения данного требования кража контента будет преследоваться по закону.
Учебник ucoz
Суббота, 27.05.2017, 01:46
Приветствую Вас Гость | RSS
 
Главная РегистрацияВход
Учебник ucoz
Форма входа
Главная » 2011 » Ноябрь » 7 » Справочник по свойствам CSS1. Шрифт. Цвет. Фон. Свойства текста.
14:26
Справочник по свойствам CSS1. Шрифт. Цвет. Фон. Свойства текста.
Справочник по свойствам CSS1. Шрифт. Цвет. Фон. Свойства текста.

В этой статье приведены справочные данные по следующим разделам свойств CSS1: шрифт, фон и цвет. Данный раздел не претендует на самый полный справочник css, но общие знания и представления о работе с шрифтом, цветом и фоном с использованием CSS1 даст в полной мере.

Учебник css:

1.    Font. Определяет свойства шрифта.
•    Font-family используется для определения типа используемого шрифта. Если значение не указано, то выбор за браузером пользователя. У пользователя может не оказаться необходимо вам шрифта, поэтому лучше указывайте несколько шрифтов в порядке убывания их важности. Разделения шрифтов нужно производить запятыми. Данное свойство имеет поддержку механизма наследования.
•    Font-size используется для определения размера букв. Поддерживает следующие значения: large, medium, small, x-large, x-small, xx-large, xx-small; larger, smaller. Размеры относительные - em, en, ex, px. Размеры абсолютные - in, pt, cm, mm, pc. В случае если значение не задано, то по умолчанию будет использовано следующее значение: medium. Данное свойство имеет поддержку механизма наследования.
•    Font-style используется для определения стиля написания букв. Поддерживает следующие значения: oblique, normal, italic. В случае если значение не задано, то значением по умолчанию будет normal. Данное свойство имеет поддержку механизма наследования.
•    Font-variant используется для определения вида текста (обычный текст, текст заглавными буквами строчным размером). Поддерживает следующие значения: normal, small-caps. В случае если значение не задано, то будет использоваться normal. Данное свойство имеет поддержку механизма наследования.
•    Font-weight используется для определения жирности текста. Поддерживает следующие значения: normal, lighter, bold, bolder, либо же числа от ста до девяти сотен. Данное свойство имеет поддержку механизма наследования.
2.    Color. Определяет свойства цвета. Поддерживает следующие значения: название цвета, либо номер. Номер можно задавать разными способами. Это либо номер в шестнадцатеричной системе, либо в десятичной системе, либо в процентной зависимости. Если значение не указано, то выбор за браузером пользователя. Данное свойство имеет поддержку механизма наследования.
3.    Background. Определяет свойства фона. Свойства фона не поддерживают механизм наследования. Свойство Background имеет следующие атрибуты:
•    Transparent - атрибут указывает на прозрачность фона, что равносильно отсутствию фона.
•    Color – атрибут указывает на цвет фона.
•    URL – атрибут указывает на адрес файла, при использовании изображения для фона. Адрес может быть как относительным, так и абсолютным. Обязательно адрес должен заключаться в скобки: BODY { background: url(http://site. Com/image/fon. Jpeg) }. Если используется для фона и цвет и изображение, то изображение всегда будет находиться сверху.
•    Repeat - атрибут определяет повторяемость фонового изображения и может принимать такие значения: repeat - выполняется повторение изображениябесконечно по горизонтали и вертикали; repeat-y - выполняется повторение изображения по вертикали; repeat-x - выполняется повторение изображения по горизонтали; no-repeat изображение не повторяется. По умолчанию принимается значение: repeat.
•    Position – атрибут, который определяет положение изображения в окне браузера. Может принимать следующие значения: middle, top, bottom, left, right, center. Другой вариант это задание абсолютного расстояния от левой и верхней части окна браузера, либо же в процентном отношении (вертикальное, горизонтальное). По умолчанию фоновое изображение привязано окну, которое является левым верхним используемого браузера.
•    Scroll – атрибут, который определяет подвижность фонового изображения. Атрибут может принимать следующие значения: scroll; fixed. По умолчанию принимается значение: scroll.
Возможно также вынесения определенных характеристик фона в виде отдельных свойств:
•    Background-attachment используется для определения фиксации фона. Поддерживает следующие значения: scroll, fixed. В случае если значение не задано, то по умолчанию будет использовано следующее значение: scroll.
•    Background-color используется для определения цвета фона. Поддерживает следующие значения: transparent, либо же указание цвета. В случае если значение не задано, то по умолчанию будет использовано следующее значение: transparent.
•    Background-image используется для определения изображения фона. Поддерживает следующие значения: none, либо же необходимо указать адрес расположения фонового изображения; В случае если значение не задано, то по умолчанию будет использовано следующее значение: none.
•    Background-position используется для определения расположения фона. Поддерживает следующие значения: top, либо center, либо bottom, либо left, либо right, либо же используются цифровые значения. В случае если значение не задано, то по умолчанию будет использовано следующее значение: left, top.
•    Background-repeat используется для определения повторяемости фона. Поддерживает следующие значения: repeat, либо repeat-x, либо repeat-y, либо no-repeat. В случае если значение не задано, то по умолчанию будет использовано следующее значение: repeat.
Свойства текста.
В статье даны справочные данные, которые помогут любому желающему разобраться со свойствами текста с использованием CSS1.
Рассмотрим следующие свойства текста.
•    Letter-spacing используется для определения расстояний между буквами. Поддерживает следующие значения: normal, либо же значение в единицах измерения. В случае если значение не задано, то по умолчанию будет использовано следующее значение: normal. Данное свойство имеет поддержку механизма наследования.
•    Line-height используется для определения высоты текущей строки. Поддерживает следующие значения: normal, либо же значение в единицах измерения и процентное соотношение. Если используется числовое значение, то оно интерпретируется, как размер шрифта, который умножен на соответствующее число. В случае если значение не задано, то по умолчанию будет использовано следующее значение:, то которое определит браузер пользователя. Данное свойство имеет поддержку механизма наследования.
•    List-style используется для отображения элементов списка. Свойство List-style имеет несколько атрибутов: url - адрес файла, набор ключевых слов, position, который описывает расположение списка. Данное свойство имеет поддержку механизма наследования и дает возможность вынести атрибуты в самостоятельные более детальные свойства.
•    List-style-image используется для определения адреса изображения, которое используется, как маркер. Поддерживает следующие значения: none, либо адрес изображения. В случае если значение не задано, то по умолчанию будет использовано следующее значение: none. Данное свойство имеет поддержку механизма наследования.
•    List-style-type используется для определения вида маркера. Поддерживает следующие значения: circle, demical, disk, lower-alpha, lower-roman, none, square, upper-alpha, upper-roman. В случае если значение не задано, то по умолчанию будет использовано следующее значение: disk. Данное свойство имеет поддержку механизма наследования.
•    Text-align используется для выравнивания текста. Поддерживает следующие значения: left, right, center, justify. В случае если значение не задано, то значение по умолчанию выбирает браузер пользователя. Данное свойство имеет поддержку механизма наследования.
•    Text-decoration используется для определения специальных эффектов текста. Поддерживает следующие значения: none, overline, underline, line-through. В случае если значение не задано, то по умолчанию будет использовано следующее значение: none. Данное свойство не имеет поддержки механизма наследования.
•    Text-indent используется для определения величины отступа. Поддерживает следующие значения: процент относительно элемента, который является родителем, либо же единица измерения. В случае если значение не задано, то по умолчанию будет использовано следующее значение: zero. Данное свойство имеет поддержку механизма наследования.
•    Text-transform используется для трансформации текста. Поддерживает следующие значения: Capitalize (первая буква каждого слова становится заглавной); Lowercase (все буквы становятся строчными); Uppercase (все буквы становятся заглавными); None (снимает все установки). В случае если значение не задано, то по умолчанию будет использовано следующее значение: None. Данное свойство имеет поддержку механизма наследования.
•    Vertical-align используется для определения вертикального расположения элемента. В случае если значение не задано, то по умолчанию будет использовано следующее значение: baselign. Данное свойство не имеет поддержки механизма наследования. Поддерживает следующие значения:
- Text-top - выравнивание по верхнему краю текста, который набран шрифтом родительского элемента;
- Text-bottom - выравнивание по нижнему краю текста, который набран шрифтом родительского элемента;
- Sub - все элементы переводятся в нижний регистр;
-Super - все элементы переводятся в верхний регистр;
- Top - выравнивание по верхнему краю элемента строки, который находится выше всех;
- Middle – выравнивание элемента по средней линии на основе родительского элемента плюс половина строки последнего;
- Baseline - выравнивание по примеру родительского элемента;
- Bottom - выравнивание по нижнему краю элемента строки, который находится ниже всех;
Категория: WEB-дизайн | Просмотров: 753 | Добавил: admin | Теги: CSS, учебник, Справочник | Рейтинг: 5.0/1
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Обучение
Хостинг, домены [15]
Заработок [14]
Шаблоны, скрипты [12]
Оптимизация и раскрутка [50]
Реклама [4]
Поисковики [14]
Блоги [7]
Видеоуроки [5]
Программирование [3]
WEB-дизайн [6]
CMS [7]
Игры [1]
Архив записей
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Copyright polza.my1.ru © 2017
Бесплатный хостинг uCoz