Страница 15 из 36
color: #000000; /*black*/
}
h1
{
text-align: center;
page-break-after: avoid;
page-break-inside: avoid;
font-weight: normal;
font-size: 1.56em;
line-height: 1.2em;
margin: 0;
padding: 0;
color: #000080; /*navy*/
}
h2
{
text-align: left;
text-indent:2em;
page-break-after: avoid;
page-break-inside: avoid;
font-weight: normal;
font-size: 1.40em;
color: #000080;
}
h3
{
text-align: left;
text-indent:2em;
page-break-after: avoid;
page-break-inside: avoid;
font-weight: normal;
font-size: 1.20em;
color: #000080;
}
h4
{
font-weight: normal;
text-align: left;
font-size: 1.22em;
padding: 1em 2em 0.25em 0;
color: #228B22;
}
h5,h6
{
font-weight: bold;
text-align: left;
font-size: 18px;
padding: 1em 2em 0.25em 0;
color: #006400;
}
p
{
text-indent: 0;
margin-top: 0;
margin-bottom: 0.2em;
text-align: justify;
}
p.author
{
font-size: 1.5em;
font-weight: bold;
text-align: center;
margin-top: 2em;
margin-bottom: 2em;
}
p.heading
{
font-weight: bold;
margin-top: 1.5em;
margin-bottom: 1em;
}
p.ind
{
text-indent: 2em;
margin-top: 0;
margin-bottom: 0.2em;
text-align: justify;
}
.title /*Use for the title on the first page*/
{
margin-top:1em;
margin-bottom:1em;
page-break-after:avoid;
font-size: 2.5em;
text-align: center;
text-indent:0em;
}
.subtitle
{
margin-top:2em;
margin-bottom:1.5em;
page-break-after:avoid;
font-size: 1.46em;
text-align: center;
text-indent:0em;
}
div.epigraf
{
font-family: LiberationSerif-Italic, serif;
font-style: italic;
font-size: 98%;
margin: 1em 1em 2em 17%;
text-align: justify;
color: #000080; /*navy*/
}
div.cite
{
font-family: LiberationSerif-Regular, serif;
font-style: normal;
font-size: 102%;
margin: 1em 1em 2em 7%;
text-align: justify;
color: #000080;
}
div.text
{
display: block;
text-align: justify;
}
p.empty-line
{
height: 1em;
margin: 0px;
}
div.ex-1
{
color: #FF0000; /*red*/
}
.center
{
text-align: center;
}
hr.bar10
{
width:15%;
margin-left:35%;
}
hr.bar25
{
width:25%;
margin-left:10%;
}
.left-float
{
display: block;
float: left;
margin-bottom: 1em;
margin-right: 1em;
margin-top: 1em;
text-align: center;
}
.right-float
{
display: block;
float: right;
margin-bottom: 1em;
margin-left: 1em;
margin-top: 1em;
max-width: 250px;
text-align: center;
}
.first
{
display: block;
margin-bottom: 0;
margin-left: 1%;
margin-right: 0;
margin-top: 1em;
padding-left: 2em;
text-align: left;
text-indent: -1em;
}
.poem
{
display: block;
margin-bottom: 0;
margin-left: 1%;
margin-right: 0;
margin-top: 0;
padding-left: 2em;
text-align: left;
text-indent: -2em;
}
div.coverpage
{
text-align: center;
page-break-after: always;
}
img.coverimage
{
max-width:100%;
vertical-align: text-top;
margin-bottom:.5em !important;
padding: 0;
}
.imgDiv
{
text-align:center;
width:100%;
}
.imgDiv img
{
max-width:100%;
margin-bottom:5px;
}
.nodisplay
{
display: none;
}
b, strong
{
font-weight: bold;
font-family: LiberationSerif-Bold, serif;
}
em, i
{
font-family: LiberationSerif-Italic, serif;
}
@font-face
{
font-weight: normal;
font-style: normal;
font-family: LiberationSerif-Regular;
src: url(../Fonts/LiberationSerif-Regular.ttf);
}
@font-face
{
font-weight: bold;
font-style: normal;
font-family: LiberationSerif-Bold;
src: url(../Fonts/LiberationSerif-Bold.ttf);
}
@font-face
{
font-weight: normal;
font-style: italic;
font-family: LiberationSerif-Italic;
src: url(../Fonts/LiberationSerif-Italic.ttf);
}
====================
Приведенный выше файл CSS прошел валидацию успешно. (Да, вы можете скачать эту таблицу стилей, нажав кнопку Download и пользоваться ей, изменять различные компоненты при необходимости или скопировать отсюда. Вы ничего не нарушаете, это легально, ничего секретного.) Ссылка на онлайн-публикацию:
http://goo.gl/yF8la
____________
Как создаётся таблица стилей? Скачивается программа Notepad++. Приведенный выше текст можно скопировать и вставить в редактор. Сохранить введенный текст как таблицу CSS. Я не использую все пункты, включённые в эту таблицу, но мне это не мешает.
Что описывается внутри? На примере заголовка первого уровня (h1)
h1
{
text-align: center; ........ заголовок выравнивается по центру
page-break-after: avoid; ...... запрет на разрыв страницы после заголовка
page-break-inside: avoid; ..... запрет на разрыв страницы внутри заголовка
font-weight: normal; ..... тип шрифта – обычный
font-size: 1.56em; ...... размер шрифта по сравнению с основным текстом (в данном случае 156%)
line-height: 1.2em;
margin: 0;
padding: 0;
color: #000080; /*navy*/ .... цвет шрифта, в данном примере цвет navy
} ...... закрывающая фигурная скобка
При просмотре кода страницы заголовок будет выглядеть так:
<h1>Заголовок</h1>, а читатель увидит заголовок синего цвета, с выравниванием по центру страницы.
О единицах измерения: emсоответствует размеру используемого шрифта. К примеру, 2em соответствует удвоенному размеру шрифта. Если используется шрифт 12pt, то 2em будет соответственно 24pt; pt (point)– наименьшая единица измерения в типографском деле, соответствует 1/72 дюйма; px (pixels)– пиксель, точка на экране компьютера. Использование em рекомендовано, т.к. поддерживается масштабирование.