Связь стилей с Web-страницей


Вы хотите знать разные способы добавления стилей к Web-странице.
Стили можно применить тремя способами: внутренним, внешним и встроенным (inline). Внутренняя таблица стилей вставляется в начальную часть HTML-документа, В тег head.
<style type="text/css">
<! —
#header { width: 100%; height: lOOpx; font-size: 150%
#content {
font-family: Verdana, Arial, sans-serif; margin-left: 20px; margin-right: 20px
}
.title {
font-size: 120%
}
—>
</style>
Внешние таблицы стилей хранятся в отдельном файле, который объединяется с HTML- файлом с помощью механизма связывания (linking). Приведенный далее код сохраняется в собственном файле:
/* CSS Document */ hi {
font-size: 150%;
}
h2 {
font-size: 120%;
}
p (
font-family: Verdana, Arial, Helvetica, sans-serif;
Для связывания внешней таблицы стилей, содержащей описанные ранее стили, добавьте в код Web-страницы между тегами head следующую строку:
clink href="screen.css" rel="stylesheet" type="text/css" media="screen" />
Встроенные стили действуют аналогично элементу font, потому что они вставляются в разметку, на которую воздействуют.
<hl style="font-family: Verdana, Arial, sans-serif; font-size: 150%; color: blue;">Page Title</hl>
<p style=="font-family: sans-serif; font-size: 90%;">Hello, world!</p>
 



Страница: 1 | 2


Правельные рецепты CSS