Стили для шрифтов и текста

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

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

<head>
<title>A Sample XHTML Document</title>
<meta http-equiv="Content-tupe" content="text/html; charset=iso-8859-1" />
<meta http-equiv= "Content-Language" content="en-usn />
<style type="text/css">
/* здесь укажем нужные Шрифты */
</style>
</head>

Вместо примечания, заключенного в /*...*/ мы добавим CSS-правила. Когда браузер встретит открывающийся тег style, он перестанет обрабатывать код как XHTML и начнет обрабатывать его как CSS. Столкнувшись с закрывающимся тегом style, он снова начнет обрабатывать код как XHTML. Поэтому все, указанное внутри тега style, должно иметь синтаксис CSS. То есть, код внутри тега style форматируется следующим образом:

селектор {свойство1:значение; свойство2:значение; и т.д.}

Не стоит забывать о том, пишите ли вы в данный момент XHTML или CSS, и соответственно форматировать код. В нашем случае XHTML-код страницы готов, а вам требуется лишь добавить элемент style и написать CSS-правила.




Rambler's Top100