> For the complete documentation index, see [llms.txt](https://vik-coder.gitbook.io/html-css-course-with-sh/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vik-coder.gitbook.io/html-css-course-with-sh/urok-3/3.1-chto-takoe-css.md). # 3.1 что такое CSS [CSS](http://www.webremeslo.ru/css/glava0.html) (Cascading Style Sheets = CSS) — это язык, который отвечает за визуальное представление HTML пользователю. ![](/files/-MRkwnI8_Wn1QuuaqYq7) ## как внедрять стили? ### атрибут **style(не очень)** ```markup

это параграф с индивидуальным стилем

``` ### тег \

На этом сайте Вы найдёте любую информацию о слонах.

``` ### отдельный css файл {% tabs %} {% tab title="index.html" %} ```markup Тег style

На этом сайте Вы найдёте любую информацию о слонах.

``` {% endtab %} {% tab title="style.css" %} ```css p {color: #ff0000; font-size:14px} ``` {% endtab %} {% endtabs %} ## обьявление самих стилей у нас есть три метода применить стиль к какому-то тегу. мы можем использовать [селекторы](http://htmlbook.ru/css/selector/tag), [class или id](http://www.webremeslo.ru/css/glava6.html). [селекторы](http://htmlbook.ru/css/selector/tag) - часть **CSS**-правила, которая сообщает к какому тегу будет применён стиль
приминение стиля к тегу p
[class](http://htmlbook.ru/css/selector/class) - это описание элемента или **группы элементов**, к которым применяется указанное правило стиля ```markup Внедрение класса

На этом сайте Вы найдёте любую информацию о слонах.

Специальное предложение для девушек! Розовые слоны!! только у нас!!!

``` [id](http://htmlbook.ru/css/selector/id) - это уникальное описание элемента, которое используется для изменения **только одного элемента** ```markup Идентификаторы и скрипты

this is unique pink text

some text

another text

``` ## шпаргалка по css свойстам ![](/files/-MRnqDMoT2EQC1oifAgy) ## полезные ссылки: * [свойства текста](http://htmlbook.ru/content/svoystva-teksta) * [как задавать цвет](http://htmlbook.ru/css/value/color) * [стиль границ](http://htmlbook.ru/css/border) * [стиль списков](http://htmlbook.ru/css/list-style-type) * [выравнивание текста](http://htmlbook.ru/css/text-align) * [стили для линии \
](http://htmlbook.ru/faq/kak-s-pomoshchyu-stiley-zadat-tsvet-linii)