Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Web-программирование - это просто!


Новое на сайте Программирование - это просто! (www.easyprog.ru):

Добрый день, уважаемые подписчики!

Тема сегодняшнего выпуска: «CSS: Настройка параметров цвета и фона элементов страницы».

 

С настройкой цвета элементов мы уже сталкивались ранее в наших уроках, когда рассматривали вопрос, а что такое CSS и  с чем его "едят". Сегодня пришла пора остановиться на этом чуть более подробно. И так, начнем с color - задает цвет текста элемента и background-color, задает цвет фона элемента. цвет задать можноразными способами:

  • По ключевым словам: red, blue, green, yellow, silver, gold и д. р.

  • По шестнадцатеричному коду цвета в форме #00FFCC, #9999AA.

  • Десятичным кодом цветовой модели RGB. (color:rgb(100,50,25));

Для демонстрации рассмотрим пример:

<HTML>
<HEAD>
<TITLE>Урок 16. CSS: Настройка параметров цвета и фона элементов страницы</TITLE>
</HEAD>
<STYLE TYPE="text/css">
<!--
.myClass1 {
color:silver;
background-color:gold;
}
.myClass2 {
color:rgb(200,100,50);
background-color:#999999;
}
-->
</STYLE>
<BODY>

<P class="myClass1">В этом цикле статей будет пошагово описано создание на Delphi приложение
«Мониторинг поисковых запросов». Это приложение предназначено для определения позиции сайта по заданным поисковым запросам. </P>
<P class="myClass2">
И так, пожалуй начнем. Очевидно, для разработки этого приложения нам понадобится знать, как средствами Delphi
соединиться с Web-сайтом и получить с него текст, который отображается в браузере, когда вы набираете URL.
Для этого в Delphi 7 предусмотрен компонент TIdHTTP, он находиться на закладке Indy Clients.
</P>


</BODY>
</HTML>

 

 

Цвет текста или фона элемента может наследоваться от родительского элемента, для этого нужно обозначить его ключевым словом inherit. Например,

<HTML>
<HEAD>
<TITLE>Урок 16. CSS: Настройка параметров цвета и фона элементов страницы</TITLE>
</HEAD>
<STYLE TYPE="text/css">
<!--
.myClass1 {
color:red;
background-color:gold;
}
.myClass2 {
color:inherit;
background-color:silver;
}
-->
</STYLE>
<BODY>

<div class="myClass1">В этом цикле статей будет пошагово описано создание на Delphi приложение
«Мониторинг поисковых запросов». Это приложение предназначено для определения позиции сайта по заданным поисковым запросам.
<P class="myClass2">
И так, пожалуй начнем. Очевидно, для разработки этого приложения нам понадобится знать, как средствами Delphi
соединиться с Web-сайтом и получить с него текст, который отображается в браузере, когда вы набираете URL.
Для этого в Delphi 7 предусмотрен компонент TIdHTTP, он находиться на закладке Indy Clients.
</P>
</div>

</BODY>
</HTML>

 

А выглядеть будет так:

 

 

 

С уважением, Шуравин Александр, e-mail: megabax@rambler.ru, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать.

 


В избранное