Свойство color css, примеры, как использовать
О свойстве css color
- Что такое css color?
- Использование color css в атрибуте style :
- Использование color css в теге style
- Использование color css в файле css
Что такое color css?
Что такое color css - начнем с определения, которое частично уже написали выше:Синтаксис color css
color css можно использовать тремя способами :Пример использования color css
color css в атрибуте attribute style
<div style="color:red">Использование color css внутри атрибута style</div>
color css в теге style
См. подробнее...color css и файле file css
См. подробнее...Использование color css в атрибуте attribute style:
Чтобы разобрать работу свойства color css нам понадобится пример!Для примера возьмем какой-то из тег-ов, пусть это будет блочный элемент - div
И нам понадобится еще и текст, чтобы мы смогли увидеть работу свойства color css
Соберем весь код вместе:
<div style="color:red">Использование color css внутри атрибута style</div>
Результат применения color css внутри атрибута:
Данный способ применяется в том случае, когда требуется изменить цвет в одном месте на странице.
Использование color css в теге style
Следующий способ применения color css в теге {style}, чтобы разобраться в этом заголовке, нам потребуется:Пусть это будет другой тег -сейчас возьмем строчный тег span :
Во внутрь данного тега помещаем либо class либо id
И нам нужно ещё какое-то значение класса "example_color_css":
Далее нам потребуется тег style.
Соберем весь код вместе :
<style>.example_color_css {color : green} </style>
<span class="example_color_css">Здесь текст со свойством color css</span>
Пример использования color css в теге style
Данный способ применяется для повторяющихся элементов на одной странице.
Использование color css в файле css
Как использовать color css в файле css ?!Для этого нам потребуется создать file css.
Прикрепляем . данный файл к сайту
Далее прописываем, как и выше праведном пункте либо class либо id
.color_css_in_file{color:violet;}
Нам опять нужен какой то тег - повторим тег span :
У нас получится практически аналогичная запись:
Пример использования color css в файле css
css color css style color html css color свойство color css css color цвета html text color css color gradient css html css font color div color css