Уроки:


  
HTML
  
  
CSS
  
  
PHP
  
  
JavaScript
  
  
jQuery
  
  
PHP+MySQL
  
  
Ajax
  

  Разделы:


  В помощь:


  Ещё:



  Авторизация:


  логин:   
  пароль: 
Серьёзной хостинговой компании требуется квалифицированная уборщица. Требования: знание UNIХ-систем, способность восстановить систему после своих действий.

  Тренажер интуиции:


Тренажер интуиции


  Видеокурсы:


Бесплатный видеокурс: "Cайт-визитка за 1 день"

видеокурс: Сайт-визитка за один день



  Опрос:



  Топ комментаторов:


40

В этом сезоне среди программистов популярны красные рубашки под цвет глаз.

  Моя группа в контакте:



Присваиваем цвет элементу и его фону

В этой главе мы поговорим о том, как с помощью CSS присвоить цвет элементу и его фону, а так же о том, как использовать рисунок в качестве фона элемента и управлять его положением.

Цвет в CSS может быть задан тремя методами:

Именным значением, например:blue- синий.
Значением цвета RGB, например: RGB(0,0,255) - синий.
Шестнадцатеричным значением цвета RGB, например: #0000ff- синий.

Для того, что бы перекрасить текст, какого либо, элемента в нужный нам цвет необходимо воспользоваться свойством «color» и присвоив ему нужное значение - собственно цвет. Пример:

Имя элемента
{ color:#0000ff; }

Свойство «background-color» - определяет цвет фона элемента. Пример:

Имя элемента
{ background-color:#0000ff;}

Для любого элемента можно присвоить фоновое изображение с помощью CSS свойства: «background-image». Пример:

Имя элемента
{ background-image: url(risunok.gif);}

Свойства «background-color» и «background-image» применяются в основном для фона тела документа «body» и контейнера «div» что касается <body> то здесь все просто:

body
{ background-color:#AAFFFF;}

А вот, что делать с контейнерами <div>? Ведь их, на одной странице может быть большое количество, как их различить друг от друга? И здесь к нам на помощи приходит идентификатор класса и метки «id». Мы можем прописать каждому контейнеру разные имена, а потом в таблице стилей прописывать разные свойства для каждого контейнера отдельно, разница между именем класса и меткой «id» заключается в том, что одно имя (класс) может присваиваться нескольким контейнерам, а метка «id» может применятся только для одного контейнера, то есть не должно повторяться. А выглядит это так:

<div class="nazvanie"> содержимое </div>
<div id="nazvanie"> содержимое </div>
1 2 3 4 5

Проверьте свою интуицию:


Мобильную версию можно скачать в google play

Комментарии


Нет комментариев. Вы можете стать первым !

Ваш комментарий



Почта: info@web-shpargalka.ru
Сообщить друзьям:
Главная | Форум | Отзывы | Обо мне | Мои курсы | Работы учеников | Конкурсы | Обратная связь