aboutsummaryrefslogtreecommitdiff
path: root/files/ru/learn/css/styling_text/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/ru/learn/css/styling_text/index.html')
-rw-r--r--files/ru/learn/css/styling_text/index.html60
1 files changed, 60 insertions, 0 deletions
diff --git a/files/ru/learn/css/styling_text/index.html b/files/ru/learn/css/styling_text/index.html
new file mode 100644
index 0000000000..8a696e55df
--- /dev/null
+++ b/files/ru/learn/css/styling_text/index.html
@@ -0,0 +1,60 @@
+---
+title: Стилизирование текста
+slug: Learn/CSS/Styling_text
+tags:
+ - CSS
+ - CodingScripting
+ - Module
+ - NeedsTranslation
+ - Text
+ - TopicStub
+ - letter
+ - line
+ - Начинающий
+ - Ссылки
+ - Текст
+ - Шрифты
+ - веб шрифты
+ - лендинг
+ - примеры кода
+ - списки
+ - тени
+ - шрифт
+translation_of: Learn/CSS/Styling_text
+---
+<p id="Перед_стартом"> {{LearnSidebar}}</p>
+
+<p>Разобравшись с основами синтаксиса CSS, следующей темой над которой вам следует сосредоточиться, это стилизация текста — одна из наиболее распространенных вещей, которые вы будете делать с помощью CSS. В этой теме мы рассмотрим основные принципы оформления, включая выбор и определение шрифтов, использование курсива и жирного шрифта, отступов, теней и других средств придания уникальности вашему тексту. В завершение темы мы рассмотрим использование на вашей странице пользовательских шрифтов, а также оформление списков и ссылок</p>
+
+<h2 id="Необходимые_условия">Необходимые условия</h2>
+
+<p>Перед началом работы с этим модулем, вы должны уже иметь базовые знания HTML, как это описано во <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Введение в HTML</a>, и с основами CSS, как описано в <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS">Введение в CSS</a>.</p>
+
+<div class="note">
+<p><strong>Замечание</strong>: В случае, если вы работаете на компьютере, планшете или ином устройстве, на котором у вас нет возможности создавать свои собственные файлы,  вы можете попробовать выполнить примеры кода (по крайней мере, большинство из них) в специальных онлайн-программах, таких как <a href="http://jsbin.com/">JSBin</a> или <a href="https://thimble.mozilla.org/">Thimble</a>.</p>
+</div>
+
+<h2 id="Руководство">Руководство</h2>
+
+<p>Данный модуль состоит из следующих далее статей, которые дадут вам всё необходимое для оформления текстового HTML-контента.</p>
+
+<dl>
+ <dt><a href="/en-US/docs/Learn/CSS/Styling_text/Fundamentals">Основы стилизирования текcта и шрифта</a></dt>
+ <dd>В этой статье мы детально изучим стилизирование текста и шрифта, включая параметры weight, family, style, font shorthand, text alignment и прочие эффекты, а так же line и letter spacing.</dd>
+ <dt><a href="/en-US/docs/Learn/CSS/Styling_text/Styling_lists">Стилизирование списков</a></dt>
+ <dd>Списки, по большей части, ведут себе так же, как и любой другой текст, но они имеют некоторые особые CSS свойства о которых нужно знать, и<br>
+ некоторые методы которые стоит принять во внимание. Эта статья все разъясняет.</dd>
+ <dt><a href="/en-US/docs/Learn/CSS/Styling_text/Styling_links">Стилизирование ссылок</a></dt>
+ <dd>При стилизации ссылок важно понимать, как эффективно использовать псевдоклассы для стилизации состояний ссылок, и как стилизовать ссылки для использования в общих разнообразных функциях интерфейса, таких как навигационные меню и вкладки. Мы рассмотрим все эти темы в этой статье.</dd>
+ <dt><a href="/en-US/docs/Learn/CSS/Styling_text/Web_fonts">Веб-шрифты</a></dt>
+ <dd>Здесь мы подробно рассмотрим веб-шрифты — они позволяют загружать пользовательские шрифты вместе с вашей веб-страницей, чтобы обеспечить более разнообразный, индивидуальный стиль текста.</dd>
+</dl>
+
+<h2 id="Проверка">Проверка</h2>
+
+<p>Следующие задания проверят ваше понимание методов стилизации текста, описанных в вышеприведенных руководствах.</p>
+
+<dl>
+ <dt><a href="/en-US/Learn/CSS/Styling_text/Typesetting_a_homepage">Вёрстка домашней страницы муниципальной школы</a></dt>
+ <dd>В этом задании мы проверим ваше понимание стилизации текста, <span class="samTranslation"><span class="sourceSample">заставив</span> вас</span> оформить текст для домашней страницы общеобразовательной школы.</dd>
+</dl>