.
Тема сегодняшнего урока: «CSS: Настройка параметров, а так же цвета и фона элементов страницы».
Автор megabax   
07.12.2009 г.
Урок 13. Управление шрифтами в CSS New Page 1

Тема сегодняшнего урока: «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>

 

«CSS: Настройка параметров, а так же цвета и фона элементов страницы».

 

Цвет текста или фона элемента может наследоваться от родительского элемента, для этого нужно обозначить его ключевым словом 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>

 

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

 

«CSS: Настройка параметров, а так же цвета и фона элементов страницы».

 

 
Последнее обновление ( 10.08.2010 г. )