Css как использовать: CSS — что это такое? Для чего используется? — Вебджем.рф

Содержание

что это, для чего используется

CSS (Cascading Style Sheets, с англ. каскадные таблицы стилей) представляет собой формальный язык, который используется для указания внешнего вида страницы, сформированной при помощи языка гиперразметки XML, XHTML или HTML.

Цели использования CSS

Самое главное предназначение CSS — указание внешнего вида страницы, ее содержания. Если страница будет реализована исключительно на «голом» HTML, то в таком документе будет определен не только каждый элемент, но и метод ее отображения конечному пользователю (конкретный шрифт, цвет, положение картинки и т. д.).

Если же помимо HTML использовать в документе еще и CSS (подключить каскадную таблицу стилей), то сам HTML будет указывать браузеру исключительно очередность отображения элементов на странице, а все их свойства и параметры будут выражены при помощи CSS.

В HTML-документе не нужно все время перечислять используемые стили CSS — достаточно указать их лишь один раз, чтобы подключить к документу.

Подобное решение позволяет решить следующие задачи и проблемы:

создавать веб-страницы относительно быстро и легко, так как единожды реализованное оформление можно использовать в документе многократно — для разных страниц;

делает редактирование максимально гибким и удобным, так как достаточно лишь раз поправить CSS, чтобы изменить внешний вид одновременно несколько страниц;
значительно упрощает код, уменьшая число повторений его различных элементов, такой код становится просто читать даже тем разработчикам, которые до этого его не видели;
ускоряет загрузку веб-страницы, что обусловлено кэшированием CSS при первом открытии сайта, а в будущем эти данные будут просто считываться, отображая лишь структуру документа;
расширяет список возможных графических элементов, которые можно использовать для представления содержимого веб-страницы;
позволяет быстро и легко менять стили на многих страницах (например, верстать адаптированную под мобильные устройства веб-страницу или включать в документ стили, помогающие слабозрячим).

Каскадные таблицы стилей CSS позволяют не только реализовывать на сайте все задумки веб-дизайнера, но и в значительной мере меняют подход к созданию сайтов на HTML, упрощают работу программистам, позволяя им использовать все доступные элементы с максимальной гибкостью и простотой.

Как подключить CSS к странице

Связывание CSS с HTML можно реализовать несколькими методами. Рассмотрим три наиболее распространенных и простых из них:

Используя внутреннюю часть тега и атрибут style. При таком решении необходимо дополнительно прописывать селектор (число, хранящееся в сегментном регистре).
Добавляя в документ тег <style> и прописывая для него атрибут type=»text/css».
Подключая к странице отдельную таблицу стилей, расположенную на сервере. Для этого используется код <link rel=»stylesheet» href=»ссылка на файл style.css» type=»text/css»/>.

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

7 важных советов, как писать лучший CSS

Хочешь знать больше про веб?

Подпишись на наш телеграм-канал TechRocks WEB-разработка?

Перевод статьи «7 Important Tips for Writing Better CSS».

Одна из самых больших проблем в программировании это необходимость заниматься поддержкой ПО. В реальной жизни мы не всегда начинаем создание программ с нуля. Гораздо чаще нам поручают проект (или мы сами беремся за него), написанный пару лет назад или даже еще раньше.

Чтобы эффективно работать над таким проектом, нам сначала нужно разобраться в исходном коде, и на этом этапе мы сразу осознаем важность чистого кода. Мы, разработчики, должны стараться писать наш код как можно более чисто.

Это касается и CSS. При написании стилей следует обращать особое внимание на некоторые вещи, и в этой статье я расскажу о самых важных из них. Надеюсь, эти 7 советов помогут вам улучшить качество вашего CSS-кода.

1. DRY

Название принципа DRY это аббревиатура слов «Don’t Repeat Yourself» («не повторяйся»). Это общий принцип разработки ПО, применимый к любым языкам программирования, а также и к CSS. Как следует из названия, принцип DRY призывает нас по возможности уменьшать количество повторов в коде.

Например, мы можем написать три разных CSS-класса для трех кнопок:

.primary-button {
  background: blue;
  color: white;
  border-radius: 5px;
  padding: 10px 20px;
  text-align: center;
  font-size: 16px;
}
.form-button {
  background: green;
  color: white;
  border-radius: 5px;
  padding: 10px 20px;
  text-align: center;
  font-size: 16px;
}
.cancel-button {
  background: red;
  color: white;
  border-radius: 5px;
  padding: 10px 20px;
  text-align: center;
  font-size: 16px;
}

Или можно применить принцип DRY и единожды написать общие правила в дополнительном классе, а в классах конкретных кнопок останутся только специфические для этих кнопок правила:

. button {
  color: white;
  border-radius: 5px;
  padding: 10px 20px;
  text-align: center;
  font-size: 16px;
}
.primary-button {
  background: blue;
}
.form-button {
  background: green;
}
.cancel-button {
  background: red;
}

Как мы видим, применение принципа DRY способствует отсутствию повторов, снижению количества строк, улучшению читаемости и даже производительности кода.

2. Нейминг

Названия CSS-селекторов это еще один важный момент при написании хорошего CSS. Имя селектора должно говорить само за себя и быть хорошо читаемым.

// Плохой нейминг
.p {
  // Rules
}
.myFirstForm {
  // Rules
}

Обычно <p> это HTML-тег, обозначающий абзац. В приведенном выше коде мы не можем сходу понять, что представляет из себя класс p. Также следует избегать имен вроде myFirstForm, поскольку использование camel case не поощряется.

Вместо этого используйте описательные имена (если они состоят из нескольких слов, разделяйте эти слова дефисами):

// Хороший нейминг
. article-paragraph {
  // Rules
}
.contact-form {
  // Rules
}

Теперь эти имена гораздо понятнее!

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

3. Не используйте встроенные стили

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

Разделение ответственности

Согласно принципу разделения ответственности, дизайн (CSS), контент (HTML) и логика (JavaScript) должны быть разделены. Делается это, в частности, для улучшения читаемости и поддерживаемости кода.

Включение CSS-правил в HTML-теги нарушает это правило:

<div>Some Text</div>

Правила стиля должны храниться во внешних CSS-файлах.

Сложности поиска

Еще одна проблема встроенных стилей — невозможность их найти. Когда нам нужно внести изменения в стили, мы обычно ищем CSS-селекторы нужного HTML-элемента.

Например, давайте изменим font-size текста нашей веб-страницы. Для этого нам сначала нужно просмотреть HTML-структуру, чтобы найти ту часть, где требуются изменения:

<div>Some Text</div>

Затем нам нужно найти селектор, здесь — класс text-bold. Наконец, мы отправляемся к этому классу и вносим изменения:

.text-bold {
  font-size: 16px;    // change the font-size to 14px
  font-weight: bold;
}

Но что если правила прописаны внутри тега, без использования классов?

<div>Some Text</div>

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

Не проще ли использовать селектор CSS? А есть ведь вещи и похуже…

Специфичность (проблемы с перезаписыванием)

Встроенные стили обладают самой высокой специфичностью (если не считать тегов !important).

Допустим, мы используем для элемента и класс, и встроенный стиль:

.text-bold {
  font-size: 16px;
  font-weight: bold;
}

<div>Some Text</div>

Таким образом, font-size текста будет 14px, потому что встроенные стили имеют более высокую специфичность, чем CSS-классы. Вы вносите изменение в класс:

.text-bold {
  font-size: 20px;
  font-weight: bold;
}

А размер шрифта все равно остается равным 14px. Изменение CSS-класса ни к чему не приводит, и вы восклицаете: «Эй, а почему это мой CSS-код не работает? Ненавижу CSS!». Это приводит вас к использованию !important, который творит чудеса:

.text-bold {
  font-size: 20px !important;
  font-weight: bold;
}

А это табу, и о нем мы поговорим в следующем разделе.

4. Избегайте !important

Окей, ваш CSS не сработал, хотя должен был, и вы заставили его работать, применив !important.

Что происходит дальше? !important имеет самую высокую специфичность среди всех CSS-селекторов.

В общем, вы таким образом говорите браузеру применять это конкретное правило с !important всегда и при любых обстоятельствах. А это не хорошо, потому что правила CSS могут отличаться в разных селекторах.

Единственный способ перезаписать правило !important это использовать другое правило !important. Это приводит ко все более частому использованию этих тегов. Поверьте мне, в недалеком будущем код вашего проекта будет полон !important, из-за чего ваш CSS-код станет труднее поддерживать. Поэтому старайтесь не использовать это правило вовсе.

5. Используйте препроцессор

В более крупных проектах очень полезно применять препроцессор CSS, например, Sass или LESS. Препроцессор открывает дополнительные возможности перед нашим CSS-кодом, которых обычно у него нет.

Например, мы можем определять переменные, функции и миксины, можем испортировать и экспортировать наши CSS-файлы в другие CSS-файлы, а также писать вложенный CSS-код:

Пример кода Sass

Препроцессор имеет собственный синтаксис, который позже переводится в стандартный CSS (в отдельном CSS-файле), поскольку браузеры его не понимают.

Мне нравится работать с Sass, я его применял во многих проектах. О преимуществах использования препроцессоров я писал отдельно.

6. Используйте сокращенные варианты записи

Некоторые CSS-свойства, такие как padding, margin, font и border можно описывать гораздо проще, применяя сокращенный вариант записи. Также это помогает уменьшить количество строк в правилах.

При полном варианте записи CSS-класс выглядит так:

.article-container {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 15px;
  margin-right: 15px;
  border-width: 1px;
  border-style: solid:
  border-color: black;
}

а при сокращенном — так:

.article-container {
  padding: 10px 15px 20px 15px;
  margin: 10px 15px;
  border: 1px solid black;
}

О том, как использовать сокращенную запись свойств и для каких свойств это применимо, можно почитать здесь.

7. При необходимости добавляйте комментарии

Обычно качественный код не нуждается в комментариях, поскольку он чист и говорит сам за себя. Но все равно, в некоторых случаях могут потребоваться дополнительные пояснения.

// Ваши комментарии
.example-class {
  // your rules
}

Так что, если чувствуете, что какие-то части вашего кода непонятны, не бойтесь добавить комментарий. С другой стороны, следите за тем, чтобы не перестараться в этом деле!

Основы CSS: как использовать таблицу стилей CSS

CSS — это портал для замечательных вариантов дизайна HTML . Знание того, как вставить эти дизайны в ваш HTML-код, делает это волшебство возможным. В этом кратком руководстве вы изучите основы использования таблицы стилей CSS в своей работе.

В руководстве рассматриваются три доступных вам варианта вставки таблицы стилей. К ним относятся встроенный стиль CSS, внутренний стиль CSS и, наконец, внешний стиль CSS. Образец кода и изображения предоставят вам отличную визуальную помощь, которая поможет вам на этом пути.

Что такое таблица стилей CSS?

Перед тем, как углубиться в параметры таблицы стилей, вы можете задаться вопросом, с чего начинается таблица стилей CSS. Когда вы загружаете HTML-документ в браузер, он содержит только самые основные параметры стиля, такие как заголовки или теги абзаца.

Цель CSS — позволить вам управлять этими элементами HTML различными способами. Это принимает форму изменения цвета шрифта, добавления границ, эффектов наведения при наведении мыши на целевой элемент и многого другого.

Таблица стилей — это способ связать эту мощь с документом HTML. Браузер может интерпретировать эффекты, которые хочет применить таблица стилей CSS. Затем эти изменения отображаются на окончательной отображаемой странице для конечного пользователя. По сути, таблица стилей CSS сообщает браузеру о ваших потребностях в дизайне, чтобы они могли вступить в силу.

Как использовать таблицу стилей CSS

Таблицу стилей CSS можно использовать тремя основными способами. Каждый из них указан ниже и будет рассмотрен более подробно.

Встроенный стиль CSS
Внутренний стиль CSS

Внешний стиль CSS

Каждый из этих методов добавления CSS имеет свой собственный метод использования. В следующем разделе вы увидите, как их реализовать, а также почему вы можете их использовать.

Таблица стилей CSS: встроенный стиль CSS

Встроенный стиль CSS используется непосредственно в документе HTML. Он нацелен на элемент на странице напрямую, будучи включенным в его тег. В буквальном смысле стиль добавляется в строки самого элемента, что привело к термину встроенный стиль.

Чтобы продемонстрировать это, взгляните на пример HTML-кода ниже.

В настоящее время никакие таблицы стилей CSS не используются. Это дает следующий вывод на HTML-странице.

Чтобы использовать встроенный стиль CSS, необходимо вставить свойство стиля в теги элемента HTML. Это делается в открывающем теге целевого элемента. Непосредственно после имени тега поставьте пробел и введите слово в стиле , за которым следует знак равенства .0068 .

После знака равенства поставьте набор из кавычек . Внутри этих цитат вы предоставите свойства дизайна CSS, которые хотите использовать. Не забудьте заканчивать каждое свойство точкой с запятой . Вы можете увидеть это в примере ниже.

В приведенном ниже примере кода HTML вы можете видеть, что это было сделано для элемента абзаца.

Включение встроенного стиля приведет к следующим изменениям на HTML-странице.

Элемент абзаца теперь окрашен в фиолетовый цвет, а также для него задан жирный шрифт.

Использование встроенного стиля CSS может быть быстрым и простым способом внесения изменений в дизайн вашей работы. Тем не менее, это не то, что хорошо подходит для тяжелых дизайнерских работ. Подумайте, использовали ли вы это для всех своих потребностей в CSS. Это быстро создало бы раздутый HTML-документ, который было бы трудно читать.

К счастью для вас, есть еще один способ вставить таблицу стилей CSS в HTML, не сохраняя ее непосредственно в каждом элементе на странице.

Таблица стилей CSS: Внутренний стиль CSS

Метод внутреннего стиля CSS по-прежнему включает таблицу стилей в HTML-документе, как видно из встроенного стиля CSS. Однако ключевое отличие заключается в том, что таблица стилей CSS локализована в тегах заголовка в верхней части документа.

В приведенном ниже примере кода HTML вы можете увидеть, как тег стиля был вставлен непосредственно после тега заголовка в разделе заголовка.

В следующем примере пример кода CSS был вставлен между тегом стиля, который повлияет на способ отображения элемента абзаца на странице.

Использование примененного CSS обеспечит следующий вывод на странице.

Использование внутренней таблицы стилей CSS делает код основного HTML-документа намного чище, чем встроенная таблица стилей CSS, поскольку она локализует весь CSS в одном месте. Тем не менее, по мере роста дизайна сайта и добавления других функций он может стать довольно перегруженным. Вот где разделение HTML и CSS может быть отличной идеей.

Таблица стилей CSS: внешний стиль CSS
На большом сайте аспекты дизайна могут быстро накапливаться. Это может сделать основной HTML-документ беспорядочным. Чтобы избежать этой проблемы, вы можете использовать внешнюю таблицу стилей CSS. Этот метод таблицы стилей позволяет применять CSS к HTML в отдельном пространстве.
Чтобы использовать внешнюю таблицу стилей, документ HTML должен знать, где ее искать. Это достигается с помощью тега « link » внутри заголовка файла. Тег ссылки позволит HTML-файлу узнать, что он ищет и где он находится.
Внешнюю таблицу стилей можно создать в текстовом редакторе или редакторе кода так же, как HTML-документ. Важно отметить, что таблица стилей CSS должна быть сохранена с расширением типа файла «.css», чтобы на нее можно было правильно ссылаться. Вы можете назвать таблицу стилей как угодно, хотя обязательно используйте то же имя при ссылке на нее для использования в HTML-документе.
В приведенном ниже примере кода HTML вы можете увидеть, как тег ссылки размещается в документе.
Сама таблица стилей CSS не требует никаких специальных заголовков. Ему просто нужно знать, какой элемент HTML вы хотите настроить, и свойства, с которыми вы работаете для него. В приведенном ниже примере таблицы стилей CSS вы можете видеть, что элемент абзаца настроен для стиля.
К элементу абзаца (p) применено пять отдельных свойств CSS. Представьте, что вам нужно работать с более чем 10 различными элементами HTML на странице. Это само по себе немного раздуло бы HTML-код. Однако с использованием внешней таблицы стилей вам не нужно об этом беспокоиться.
С документом HTML, связанным с таблицей стилей, страница будет иметь следующий вывод в элементе абзаца.
Вот так стили переносятся и применяются к целевому элементу без каких-либо дополнительных действий. Знание того, как связать эти стили, — это только кончик копья с точки зрения силы CSS.
Рекомендуем прочитать нашу запись в блоге Создание HTML-форм и Создание выпадающего меню CSS , чтобы узнать, как улучшить функциональность вашей страницы. Добавление дополнительных возможностей за счет использования Javascript может вывести это на новый уровень. Выезд Как добавить Javascript в HTML и Создание всплывающего окна Javascript для отличных руководств по этим темам.
Какой бы путь вы ни выбрали, знайте, что все это помогает. Создание набора инструментов CSS может быть увлекательным и полезным занятием. Просто не забывайте весело проводить время со всеми замечательными навыками, которые вы приобретаете.
________________________________________________________________
Зачем останавливаться только на CSS? Творческие способности в программировании позволяют людям делать еще больше со своими идеями. Если вы хотите продвинуться по карьерной лестнице, сделайте первые шаги, научившись программировать. Наличие этих навыков может помочь вам открыть двери для этих новых профессиональных возможностей. Зарегистрироваться в Введение в программирование Udacity Nanodegree сегодня, чтобы начать путешествие.
Начни учиться!
Использование CSS | Краткий обзор 10 различных вариантов использования CSS
CSS — это язык таблиц стилей для описания представления и дизайна веб-страниц, включая цвета, шрифты и макеты. Он в основном предназначен для обеспечения различия между презентацией и содержимым, включая цвета, макеты и шрифты. Его можно использовать в различных типах устройств, таких как большие или маленькие экраны и принтеры. Он не зависит от HTML и может использоваться с любым языком разметки на основе XML. Спецификации CSS в основном поддерживаются консорциумом World Wide Web. Набор правил CSS состоит из селектора и блока объявлений.
Некоторые правила описаны ниже:
Пример: h2 { color: white; стиль шрифта: курсив}. Здесь
Селектор: h2 (указывает элемент HTML, который необходимо стилизовать)
Свойство: «цвет и стиль шрифта» (Определяет аспекты элементов, которые необходимо изменить)
Блок объявлений: «цвет: белый; стиль шрифта: курсив» (описывает одно или несколько объявлений, разделенных точкой с запятой)
Значения: «белый и курсив» (Указывает параметры выбранных свойств.
Самые популярные способы использования CSS
Ниже приведены 10 самых популярных применений:
1. Совместимость
При использовании CSS пользователь может не испытывать стресса со старыми языковыми версиями, поскольку он хорошо совместим даже со старыми версиями. версии. Из-за этого, даже если приложения CSS разрабатываются на какой-то более старой версии языка программирования и если разработчики интегрируют их с новыми улучшениями, CSS можно легко включить и внедрить с этими изменениями. Таким образом, изменения, связанные с предшественником CSS, не нужно удалять, и разработчик может успешно обновить существующий код.
2. Домен электронной коммерции
Использование CSS играет очень важную роль в домене электронной коммерции. В области электронной коммерции представлены разные масштабы отраслей, и CSS помог стилю и внешнему виду фреймворков приложений, которые используются в малых и крупных отраслях. Стили CSS можно использовать для прямой связи с сетью электронной коммерции. Кроме того, различные имеющиеся надстройки и библиотечные файлы могут быть изменены и обновлены с помощью библиотек CSS и использованы при создании веб-приложений, а связанные с ними исходные коды могут быть реализованы с использованием CSS в среде HTML для разработки электронных приложений. торговая веб-платформа с нуля.
3. Обслуживание веб-сайта
Еще одна наиболее распространенная причина важности использования CSS? CSS играет очень важную роль при обслуживании сайта. Это значительно упрощает обслуживание сайта. Файл CSS делает внешний вид веб-сайта более гибким, и его можно изменять более удобным способом. Кроме того, это упрощает форматирование HTML и изменение соответствующих элементов данных. Из-за чего обслуживание сайта становится более удобным с точки зрения разработки.
4. Влияние социальных сетей
Использование CSS в рамках HTML также включено в разработку веб-сайтов социальных сетей. Приложения Facebook могут напрямую соотноситься с соответствующими фреймворками. Файлы клиентской библиотеки HTML могут быть реализованы на основе стилей CSS для разработки приложения и могут работать с различными расширениями. Эти платформы на основе социальных сетей могут быть взаимосвязаны с фреймворками и могут использоваться для разработки нескольких улучшений с точки зрения конечного пользователя. Таким образом, стилизация CSS и обновление пользовательского интерфейса становятся проще, и это напрямую влияет на платформы социальных сетей.
5. Веб-сообщество и подход к пользовательскому интерфейсу
В соответствии с действующим стандартом для разработки любого веб-приложения или любого онлайн-сообщества применение CSS может быть реализовано различными способами. В CSS присутствуют различные фреймворки таблиц стилей, и их можно легко реализовать здесь. С помощью CSS можно разработать стиль собственного интернет-сообщества. Существуют также различные надстройки, которые могут быть включены с использованием фреймворков CSS для разработки внешнего вида веб-сообщества.
6. Легкая доступность
С точки зрения доступности приложения CSS предоставляют гораздо лучшие решения, которые позволяют пользователям обновлять пользовательский интерфейс в соответствии с требованиями бизнеса. Это также позволяет легко отображать веб-страницы с помощью различных устройств, таких как говорящие браузеры, КПК и т. д. Это на самом деле обеспечивает гораздо более глубокое воздействие при рассмотрении изменения внешнего вида веб-страницы с точки зрения конечного пользователя и бизнеса.
7. Работа с файлами изображений
В случае обработки изображений использование CSS предоставляет библиотеку стилей, которая помогает выводить изображения вместе с XML в браузер. Первоначально было немного сложно обновить и стилизовать существующее изображение. Но теперь, используя файлы CSS, выходные изображения могут быть получены в различных форматах, таких как jpeg, png и gif, и их можно изменить в соответствии с указанными форматами стилей в соответствии с требованиями. Эта функция также позволяет редактировать различные типы изображений, а также используется для создания эскизов, водяных знаков, обрезки изображений и т. д.
8. Работа с динамическими шаблонами веб-сайтов
Динамические шаблоны веб-сайтов могут создаваться и обрабатываться с использованием CSS в структуре HTML, что в основном помогает при добавлении и редактировании веб-страниц и элементов на веб-сервере и сайтах. Добавляя расширение CSS к соответствующим HTML-страницам и включая его в шаблоны на стороне сервера, упрощается обработка динамически размещаемых элементов. Таким образом, с помощью этих шаблонов обработка динамических элементов может быть более организована и правильно реализована с помощью фреймворков CSS. Эти элементы также можно использовать для оформления страниц динамическим шаблоном при использовании шаблонов CSS.
9. Работа с Flash-анимацией и эффектами
С помощью файлов CSS Flash можно напрямую размещать и обрабатывать элементы Flash на веб-сайте. В CSS есть встроенные фреймворки и таблицы стилей, которые можно использовать и для обработки ситуации. Анимации можно создавать напрямую, а эффекты обновлять с помощью фреймворков. Необходимые флеш-файлы могут быть обработаны и реализованы для создания фильмов и анимации на веб-страницах с помощью свойств.
10. Представление на стороне конечного пользователя и на стороне сервера
Файлы CSS могут напрямую взаимодействовать с ответом на стороне пользователя на стороне сервера и могут использоваться для интерфазной стилизации на стороне веб-сервера. Это позволяет создать лучшее веб-представление с точки зрения конечного пользователя.
Заключение
После обсуждения всех вышеперечисленных вариантов использования CSS можно сделать вывод, что CSS может быть очень полезен при выполнении интерфазного представления и стилизации веб-приложений в различных доменах. Таким образом, исходя из потребности проекта, бизнес-требований, CSS может быть реализован для достижения желаемой цели.