Как сделать текст жирным .

#каксделатьтекстжирным , #сделатьтекстжирным , #текстжирный ,

Коды с данной страницы см.здесь - Тема Текст -№6 - сделать текст жирным.

Новые шрифты для сайта – качаем отсюда!

Начнём с того, что жирный текст на сайте можно сделать несколькими способами!

1. Присврим свойство жирного текста к любому слову на странице и посмотрим, как это будет выглядеть.
   
2. Создадим новую страницу пример + css, + класс, в классе пропишем свойство жирного текста. К тексту, который стоит выделить жирным, присвоим этот класс.
   
3. Всё, что описано во втором пункте применим к данной странице

1.

Самое простое, как можно выделить текст жирным – присвоить ему свойство 

<strong>Ваш текст, который нужно сделать жирным!</strong>

Ваш текст, который нужно сделать жирным!

2.

Как сделать жирный текст через css!?

Следующим, разберём, как сделать жирный текст через css.

Создадим новую страницу, которую назовём:

Girniy-text-Primer.html

 Создадим новый файл css, который назовём:

Girniy-text-Primer.css

В котором создадим новый класс, который назовём:

Girniy-text

В котором пропишем некий шрифт, неважно какой. Там есть шрифт, размер и цвет!

font:10pt/normal Verdana, Arial, Helvetica, sans-serif;
color:#003366;

И добавим в него свойстов жирного текста:

font-weight: bold;

Вот такой класс и его свойства у вас должно получиться:

. Girniy-text{
font:10pt/normal Verdana, Arial, Helvetica, sans-serif;
color:#003366;
font-weight: bold;
}

После того, как с файлом css разобрались, далее нам нужно данный файл css прикрепить к странице примеру.

Далее нам нужно написать некий текст, чтобы к нему прикрепить описанный выше класс.

<p class="Girniy-text">Этот текст, который вы читаете написан жирным потому, что к нему прикреплён класс, в котором эта жирность прописана!</p>

<p>Для сравнения, этот текст не жирный!</p>

Смотрим на файл css, смотрим пример старницы с  жирным текстом внутри.

3.

Как сделать жирный текст через css на данной странице!?

Почему у нас на странице есть ещё третий вариант жирного текста!? Ведь он практически ничем не отличается от варианта номер 2.

Надо знать всё! Уж если заниматься каким – то вопросом, то его надо изучить на все 100%. В процессе строительства сайта встречаются различные нюансы и в них нужно разбираться! И если вы поймёте принцип, то в коде вам будет также легко, как рыбе в воде…

К данной странице уже прикреплен файл css, но с файлом css  мы уже порпаботали во втором пункте. Из него мы возьмем класс со свойствами:

.Girniy-text{
font:10pt/normal Verdana, Arial, Helvetica, sans-serif;
color:#003366;
font-weight: bold;
}

+ добавим  тип стиля, и всё это разместим после тегов, если хотите посмотреть код, то нажимаете ctrl + U в браузере и строчка 23- 32.

и весь стиль жирного текста будет выглядеть так:

<style type="text/css">
<!--
/* CSS Document */
.Girniy-text {
font:10pt/normal Verdana, Arial, Helvetica, sans-serif;
color:#003366;
font-weight: bold;
}
-->
</style>

Пример жирного текста.

Этот текст, который вы читаете написан жирным потому, что к нему прикреплён класс, в котором эта жирность прописана!

Для сравнения, этот текст не жирный!