Допустим, мы хотим, чтобы все абзацы отображались шрифтом «Times New Roman» размером 12 пикселей темно-зеленого цвета. Для этого следует прописать атрибут «style» тега <body>, присвоив ему соответствующее значение:
<body style=»font-family: ‘Times New Roman’, serif; font-size:12pt; color: darkgreen;»>
| <html> <head> <title>Моя первая страница css</title> </head> <body style=»font-family: ‘Times New Roman’, serif; font-size:12pt; color: darkgreen;»> <p>Обратите внимание – когда мы задавали стиль шрифта, после названия «Times New Roman» мы указали начертание «serif», что обозначает любой шрифт. Если на компьютере пользователя не установлен шрифт «Times New Roman», браузер подставит вместо него любой из имеющихся шрифтов, и отображение страницы будет максимально приближено к тому, что вы задумали.</p> </body> </html> |
Обратите внимание – когда мы задавали стиль шрифта, после названия «Times New Roman» мы указали начертание «serif», что обозначает любой шрифт. Если на компьютере пользователя не установлен шрифт «Times New Roman», браузер подставит вместо него любой из имеющихся шрифтов, и отображение страницы будет максимально приближено к тому, что вы задумали.
В приведенном примере используется встраивание стиля непосредственно в тег документа – так называемый inline-стиль. Этот способ связывания CSS с HTML-файлом рекомендуется в единичных случаях – если данный стиль планируется применить только к одному элементу только на одной странице сайта. Если же стиль должен быть применен к нескольким элементам на одной странице, рекомендуются создание внедренной таблицы стилей.
