Web-miss: Vanessa (vensy)
Opened: 18.05.2010
Theme: Blake Lively
Orders: OPEN
Coming soon
Выберите пакет услуг *:

Ваше имя/ник *:
Ваш e-mail *:
Ссылка на ваш сайт *:
Опишите то,что хотите видеть в дизайне(блоки,шапка) *:
Ссылки на качественные фото для дизайна(по желанию):
Названия ссылок для нав. меню на лого *:
Если вам нужны доп. услуги,то перечислите какие:
Код безопасности *:

200
Главная » Статьи » Помощь с HTML,CSS и Ucoz » Изучение и написание CSS стилей

Свойства CSS.Применение тега Background
Чтобы начать изучение CSS,пожалуй стоит познакомиться с его свойствами.А именно,мы узнаем про теги,которые используются при написании стилей.
  1. Тег background позволяет задать нам стиль фона,т.е. его цвет,фоновое изображение и положение:
  • background-color
  • - данный тег устанавливает цвет того или иного элемента
  • background-image - этот тег задает фоновое изображение для элемента
  • background-repeat - данный тег,позволяет нам распространять фон,происходит повтор фонового изображения
  • background-position - тег,определяющий положение фоновой картинки
  • background-attachment - определяет фиксирование фона относительно страницы.Вот его значения:
  • -scroll означает,что фоновая картинка подвижна,прокручивается вместе с содержимым страницы
  • -fixed означает,что фоновое изображение зафиксировано,не движется при прокрутке содержимого
  1. Теперь попробуем применить наши навыки на практике,напишем небольшой css с применением тегов background:
body {
background-color:#f2eef3;
background-image: url('http://time-inspire.org/blue_design/background2.png');
background-repeat: repeat;
background-position: center;
background-attachment: fixed;
}

Итак,то что выделено красным можно заменить на свое или просто изменить,некоторые атрибуты объязательным при написании CSS.
  • Там где мы прописываем background-color,вместо шестизначного значения цвета можно написать и словом(white,blue и т.д.),но чаще употребляется шестизначное значение тега color,его атрибут #.
  • Там где background-image, дана ссылка,ее заменяете на свою,а атрибуты тега url это ('ссылка').
  • Там где background-position,мы указываем расположение фона по центру-center,по левому краю-left и по правому краю-right



Категория: Изучение и написание CSS стилей | Добавил: vensy (02/03/12) | Автор: Полина
Просмотров: 425 | Комментарии: 2 | Теги: свойства css, css, каскадные таблицы стилей, знакомство с css и его свойствами | Рейтинг: 5.0/1
Всего комментариев: 2
+1   Спам
1 modern_myth   (20/03/12 15:49)
спасибо, пригодится!

2 vensy   (22/03/12 19:14)
Не за что,рада была помочь)

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]