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 квт – качество на высшем уровне!
А вот тут можно почитать отзывы туристов прежде чем куда то ехать.
Молодец.Всё хорошо расписал.Напиши ещё по ХТМЛ.Считай у тебя +1 подписчик)))))
З.Ы У Вас в коментариях(когда пишеш)вот такое:
������������ �����������
Я, когда что-то забываю, пользуюсь справочником http://htmlbook.ru
Много нюансов, сложно запомнить.
При реальной вёрстке, в сложных случаях, приходится иногда освежать память по тегам типа
Уже где-то видел, настольный файлик web мастера. Там основные значения и элементы css прописаны. Кратко и понятно. Но всеравно спасибо.
да память, она хорошая вещь, а книга где всё прописано, тоже не плохая
Статья полезная, но советую сделать “шпаргалку” css
Не вижу смысла делать милионную статью по CSS для этого существует огромное количество сервисав специализированных пож это… но все равно спасибо за старания.
Вобще да, я тоже считаю что самое оптимальное решение, как уже сказал Andy Pike это htmlbook.ru , но не всегда есть интернет рядом = )
Helloff, извиняюсь, ваш комментарий не был удален. Его почему-то Akismet посчитал как спам. Насчет иероглифов, заметил исправил
Название конечно у статьи) хотя содержание мне понравилось. + партнерку хорошую рекламишь