Вернуться на главную.

Пример 1- Высота заголовка через css.

На странице мы постарались максимально просто описать сам процесс изменения высоты заголовка через css.
А здесь, на странице мы приведём пример использования данного кода.
Куда нужно его вставить, как редактировать.
И можно будет скопировать данный код, вставить в пустую страницу, и он у вас должен заработать без проблем.

Мы возьмём тот же самый каркас страницы, который у нас находится в разработке. И сделаем здесь заголовки через css. Единственный минус у этого способа, что данные свойства будут действовать только на этой странице!

Здесь, уже невозможно показать, как будет отличаться заголовок по умолчанию, т.к. все заголовки до 3 уровня будут показываться так, как описано в коде css!

Вот код заголовков через css, который вставляем до тега  </head>


<style>
h1{
font-size: 25px; /* Заголовок №1 = 25px */
}

h2{
font-size: 18px; /* Заголовок №2 = 19px */
}

h3{
font-size: 12px; /* Заголовок №3 = 12px */
}

</style>


Логотип сайта. Поиск сайта.
Меню сайта

Пример - Высота заголовка через css - h1 = 25px.

Пример - Высота заголовка через css - h2 = 18px.

Пример - Высота заголовка через css -h2 = 12px.

Разное.
Контакты. Copyright sitemap.xml

Скопировать всю страницу целиком, с кодом css, в котром изменены высоты загловков:


<!doctype html>
<head>
<meta charset="utf-8">
<title>Пример - Высота заголовка через css. </title>
<style>
h1{
font-size: 25px;
}
h2{
font-size: 18px;
}
h3{
font-size: 12px;
}
</style>

<head>

<table width="1000" border="1" align="center">
<tbody>
<tr>
<td><table width="1000" border="1">
<tbody>
<tr>
<td width="500">Логотип сайта.</td>
<td width="500">Поиск сайта.</td>
</tr>
</tbody>
</table>
<table width="1000" border="1">
<tbody>
<tr>
<td width="200">Меню сайта</td>
<td width="600">
<p> Мы возьмём тот же <a href="http://dwweb.ru/Site/Tablitsa/Karkas-stranitsi-Primer.html" target="_blank">самый каркас страницы</a>, который у нас находится в разработке. И сделаем здесь заголовки через css. Единственный минус у этого способа, что данные свойства будут действовать только на этой странице!</p>
<p>Здесь, уже невозможно показать, как будет отличаться заголовок по умолчанию, т.к. все заголовки до 3 уровня будут показываться так, как описано в коде css!</p>
<h1 title="Пример - Высота заголовка через css - h1.">Пример - Высота заголовка через css - h1 = 25px. </h1>
<h2 title="Пример - Высота заголовка через css - h1.">Пример - Высота заголовка через css - h2 = 18px. </h2>
<h3 title="Пример - Высота заголовка через css - h1.">Пример - Высота заголовка через css -h2 = 12px.</h3></td>
<td width="200">Разное.</td>
</tr>
</tbody>
</table>
<table width="1000" border="1">
<tbody>
<tr>
<td width="200">Контакты.</td>
<td width="600"> Copyright </td>
<td width="200">sitemap.xml</td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>

</body>
</html>


P.S.

Так же не забываем, что свойство border="1" поставленолишь для того, чтобы вы смогли увидеть края таблицы!

Tags:

Пример - Высота заголовка через css. ,