Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






A, b, c, d, e, F.






Числа больше 15ти в шестнадцатеричной системе образуются путём объединения двух и более чисел в одно. Так, например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе.

Значит, для того чтобы выразить нужный оттенок в шестнадцатеричном виде, нам понадобиться три пары чисел, где первая пара - значение красного цвета, вторая пара значение зелёного и третья пара синего цвета. Так, например, тот же классический синий в шестнадцатеричном выражении будет выглядеть так: #0000FF. Знак решётки перед числом ставится для указания того что данное число является шестнадцатеричным, например в числе #808000 нет латинских букв однако со знаком решётки понятно что оно шестнадцатеричное и выражает собой оливковый цвет.

И еще.. выражая цвет в шестнадцатеричном виде можно обойтись тремя числами, которые затем будут дублироваться, например запись #DAF будет сокращённой формой #DDAAFF.

Фух.. затянул я с водной частью давайте же наконец учить CSS..

Цвет элемента.

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

Как уже сказано выше цвет в CSS может быть задан следующими методами:

#ff0000 - шестнадцатеричное значение цвета RGB.

red - именное значение цвета.

RGB(255, 0, 0) - значение цвета RGB.

Пример:

<! DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN" " https://www.w3.org/TR/html4/loose.dtd" >
< html>
< head>
< title> Цвет элемента< /title>
< /head>
< body>
< div style=" color: red " > Блок 1< /div>
< div style=" color: #ff0000 " > Блок 2< /div>
< div style=" color: RGB(255, 0, 0) " > Блок 3< /div>
< /body>
< /html>

Цвет фона элемента.

А вот свойство background-color - определяет цвет фона элемента.

Цвет фона может иметь следующие значения:

#ff0000 - шестнадцатеричное значение цвета RGB.

red - именное значение цвета.

RGB(255, 0, 0) - значение цвета RGB.

transparent - прозрачный фон. (по умолчанию)

Пример:

<! DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN" " https://www.w3.org/TR/html4/loose.dtd" >
< html>
< head>
< title> Цвет фона элемента< /title>
< /head>
< body style=" background-color: #fffacd " >
< div style=" background-color: white " > Белый блок< /div>
< div style=" background-color: #0000ff " > Синий блок< /div>
< div style=" background-color: RGB(255, 0, 0) " > Красный блок< /div>
< div style=" background-color: transparent " > Прозрачный блок< /div>
< /body>
< /html>






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.