INTERNET-WEB.RU
Обучение работе с ПК
Операционные системы
Флеш (Flash)

Параметры описания стилейIщ единицы измерения

Многие параметры предусматривают задание численных характеристик. В CSS допустимо использовать различные единицы измерения.

Линейные единшш

/gx Обратите внимание, что между числом и единицей измерения пробел ~-" не ставится. __



Единицы цвета

Можно использовать как названия цветов Windows, так и их цифровые описания в модели RGB.

Допустимы следующие названия 16 цветов основной палитры: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.

Цифровые параметры могут быть заданы в шестнадцатеричном виде (как #rrggbb), в виде rgb (255,0,0), при этом каждый числовой параметр может принимать значение в диапазоне от 0 до 255, и в процентном виде rgb (100%, 0%, 0%), при этом каждое значение цвета может быть в диапазоне от 0 до 100%.

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

Параметры шрифта

В описание стиля можно включать только необходимые параметры шрифта, опуская непереопределяемые характеристики. Рекомендуется только придерживаться следующей последовательности:

font: font-style font-variant font-weight font-size / line-height font-family

Пример:

P font: bold italic large

Palatino, serif P font: 12pt/14pt sans-serif P font: normal small-caps

120%/120% Приведем синтаксис отдельных параметров шрифта.

 font-family: имя_гарнитуры тип_гарнитуры

Название шрифта либо тип гарнитуры. Допустимо перечислить несколько названий (до трех) через запятую. При отсутствии на компьютере пользователя указываемого шрифта будет использован шрифт по умолчанию.

Возможные типы гарнитур: serif, sans-serif, cursive, fantasy, monospace.

Пример: BODY font-family: Helvetica, Arial, sans-serif

 font-style: normal italic oblique

Определяет прямое или курсивное начертание шрифта. Italic — специально разработанный для данной гарнитуры шрифт курсивного начертания. Oblique — курсивное начертание шрифта, полученное наклоном символов прямого начертания на некоторый угол.

Пример: HI font-style: italic

 font-variant: normal small-caps

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

Пример: Н1 font-variant: small-caps

a font-weight: normal bolder lighter 1100200300... 900 Изменение «жирности» шрифта. Можно задать относительное (жирнее — bolder, светлее — lighter) либо абсолютное значение. Эти значения (от 100 до 900 через 100 единиц) соответствуют принятым при разработке шрифта параметрам толщины штриха символа. Так, параметр 400 соответствует светлому начертанию, а 700 — жирному (bold, полужирное начертание). При использовании параметров, которые программа не может точно применить (например, в данной гарнитуре нет начертания шрифта с таким параметром), производится выбор наиболее близкого значения. Пример: HI font-weight: 700

 font-size: условно относительно абсолютно] проценты Определение размера (кегля шрифта) в точных или относительных (по

отношению к соседним элементам) единицах. Величина условно позволяет установить один из заранее определенных размеров шрифта: xx-small, x-small, small, medium, large, x-large, xx-large. По сути это те же значения размеров шрифта, которые использовались в HTML (от 0 до 7).

Величина относительно может принимать значения larger, smaller. Задает изменение размеров шрифта относительно окружающего его текста. Примеры: Р font-size: 12pt

ЕМ font-size: larger ЕМ font-size: 150% ЕМ font-size: 1.5em

Параметры фона

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

background: background-color background-image background-repeat [ background-attachment background-position

 color: название rgb (число, число, число)

Цвет можно определить через стандартизированные в HTML названия цвета и абсолютно, задавая три числа (от 0 до 255 каждое) в стандарте RGB. Это задание цвета можно использовать практически во всех элементах стиля, определяя цвет шрифта, линий и т. п.

Примеры: ЕМ color: green

ЕМ color: rgb (0,255,0)

 background-color: цвет transparent

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

Пример: HI background-color: green

a background-image: URL none

Указывает либо адрес (URL) рисунка, который используется в качестве фона, либо говорит о том, что такого рисунка нет. Примеры: Р background-image: none

BODY background-image: url (image. gif)

 background-repeat: repeat repeat-x repeat-y no-repeat Определяет, будет ли повторяться изображение рисунка, чтобы заполнить весь экран программы просмотра. Если по умолчанию использована картинка фона, то она повторяется как по вертикали, так и по горизонтали, чтобы занять полностью экран. Можно получить на экране полосу из рисунков, если задать повторение только по горизонтали (repeat-x) или вертикали (repeat-y).

Пример: BODY background-image: url (image. gif); background-repeat: repeat-y

 background-attachment: scroll fixed

Определяет, будет ли рисунок фона двигаться вместе с текстом при «прокрутке» страницы документа либо он должен остаться неподвижен. Пример: BODY

background-image: url (image. gif); background-repeat: repeat-y; background-attachment: fixed

 background-position: проценты абсолютно [top center bottom] [left center right]

Задает положение рисунка фона на экране. Можно использовать процентное описание, в этом случает проценты будут определять относительное смещение левого верхнего угла рисунка вниз и вправо. Аналогично можно задать это смещение и абсолютно, указав размеры смещения, например, в пунктах или сантиметрах. Кроме того, можно задать крайнее или среднее положение рисунка (по вертикали это top center bottom, по горизонтали — left center right).

(g? Если в качестве фона документа использована канва (repeat-x или "~ repeat-y), то положение элемента будет отсчитываться от нее.

Пример: BODY background-image: url (image. gif); background-attachment: fixed; background-position: 50% 50%

Параметры текстовых элементов

Следующие элементы задают параметры оформления текста.

 word-spacing: normal размер

Параметр определяет расстояние между словами в элементе. Размер может быть задан в любых допустимых единицах. Пример:       HI word-spacing: 0.4em

Q letter-spacing: normal размер

Параметр определяет межбуквенные промежутки в элементе. Фактически это плотность шрифта: или сжатый в той или иной степени, или разреженный.

Пример:       HI letter-spacing: 0.4em

 text-decoration: none underline overline line-trough blink Параметр задает оформление элемента как нормального, подчеркнутого, надчеркнутого, перечеркнутого и мигающего.

Пример:      HI text-decoration: blink

 vertical-align: baseline sub super top text-top middle bottom text-bottom проценты

Параметр задает вертикальное выравнивание элемента. Поясним некоторые значения.


a text-transform: capitalize uppercase lowercase none Преобразование текста: капитель, все символы в верхнем регистре, в нижнем регистре, без преобразований. Пример: Н1 text-transform: capitalize

 text-indent: размер проценты Определяет отступ элемента.

Пример: Р text-indent: 1 cm

 line-height: размер проценты относительный размер Определяет межстрочное расстояние. Примеры: Р line-height: 1.2em /* размер */

Р line-height: 1.2 /* относительный размер */

Р line-height: 120% /* проценты */

© 2009 internet-web.ru. All Rights Reserved