# 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) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://vik-coder.gitbook.io/html-css-course-with-sh/urok-3/3.1-chto-takoe-css.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.