CSS1: все, что нужно знать о свойствах.

CSS1: все, что нужно знать о свойствах.

CSS – это каскадные таблицы стилей. Простой и очень эффективный инструмент создания дизайна сайтов. Особенно хорошо они подходит в случаях, когда вам нужен не слишком сложный дизайн. Я, например, десятками создаю сайты, специально «заточенные» под работу с партнёрской программой www.kinobros.ru. И создавать для каждого сайта отельный дизайн у меня нет ни времени, ни желания. Однако делать все сайты одинаковыми тоже нельзя. Поэтому я использую каскадные таблицы – просто, быстро и эффективно! CSS1 – это первый уровень каскадных таблиц и сегодня я хотел бы помочь вам, изложив небольшой справочный материал по свойствам CSS1 и их допустимым значениям.

1). Свойство фона (background):

Атрибуты фона:
transparent – фон является прозрачным, либо отсутствует.
color – цвет фона.
URL – адрес файла, в случае использования изображения в качестве фона. Адрес может быть абсолютным или относительным, но в любом случаи должен заключаться в скобки, например:

BODY { background: url(http://www.pictures.ru/imag/fon.gif) }

repeat – определяет степень повторяемости фоновой картинки. Имеет значения: repeat – изображение бесконечно повторяется по горизонтали и вертикали, заполняя собой все фоновое пространство; repeat-x – изображение повторяется по горизонтали; repeat-y – изображение повторяется по вертикали; no-repeat – изображение не повторяется. По умолчанию используется значение – repeat.
scroll – подвижность фоновой картинки. Имеет значения: scroll (прокручивается вместе с содержанием web-документа), fixed (при прокручивании документа фон остается неподвижным). По умолчанию принимается значение scroll.
position – положение картинки в окне браузера. Значения: top, middle, bottom, left, center, right, или же положение может быть задано в виде расстояния от левой и верхней кромки окна браузера (горизонтальное, вертикальное) или же в виде процентных отношений (горизонтальное, вертикальное). По умолчанию фоновая картинка прикрепляется к верхнему левому углу окна браузера.

2). Свойства шрифта (font):

font-family – тип используемого шрифта.
Если не указано – шрифт выбирается браузером клиента. У клиента может не оказаться нужного шрифта, поэтому можно указывать несколько видов шрифтов в порядке их предпочтения. Если ни одного из выбранных шрифтов в распоряжении браузера не окажется – браузер проигнорирует инструкции и использует свой шрифт для отображения текста.
font-size – размер букв. Значения: xx-small, x-small, small, medium, large, x-large, x-large, xx-large, larger, smaller. Относительные размеры: em, en, ex, px. Абсолютные размеры: in, cm, mm, pt, pc.
Если не указано – по умолчанию используется значение medium.
font-style – стиль написания букв. Значения: normal, italic, oblique. Если значение не указано – по умолчанию используется значение normal.
font-variant – вид текста. Значения: normal, small-caps. Если не указано – по умолчанию используется значение normal.
font-weight – жирность текста
Значения: normal, bold, bolder, lighter или числа от 100 до 900. Если не указано – по умолчанию используется значение normal.

3). Свойства текста:

letter-spacing – расстояние между буквами. Значения: normal или значение в единицах измерения. Значение по умолчанию: normal

line-height – высота текущей строки. Значения: normal, число, единицы измерения, процент. Числовые значения интерпретируются как текущий размер шрифта, умноженный на соответствующее число. Значение по умолчанию определяется браузером клиента.

list-style – отображение элементов списка. Данное свойство имеет несколько атрибутов: набор ключевых слов, position (расположение списка), url (адрес файла при использовании индивидуального графического маркера).

Это далеко не все свойства CSS1 – так что заглядывайте сюда иногда, в поисках продолжения!

Суперские Фул Тилт Покер – советую!
Классный поршневой компрессор – недорого!
Недорогие бензиновые электростанции 100 квт – качество на высшем уровне!
А вот тут можно почитать отзывы туристов прежде чем куда то ехать.

Так же можно почитать:

• Живые елки
• Мой Мир@Mail.Ru договорился с Emegamall
• Яндекс запустил сервис «Я.Бренд»
• Кулинарные рецепты