свойства:
font-family: "Helvetica Neue". Arial. Helvetica. sans-serif:
font-size: 18рх:
color: #BD8100:
width: 900рх:
margin: О auto:
Законченный стиль должен иметь следующий вид:
.pageStyle {
font-family: "Helvetica Neue". Arial. Helvetica. sans-serif:
font-size: 18рх:
color: #BD8100:
width: 900рх:
margin: О auto:
Этот класс устанавливает начертание, размер и цвет шрифта. Он также задает
Ширину и центрирует стиль на странице (мы рассматривали это в предыдущем
обучающем примере). Теперь вернитесь к открывающему тегу <body> (расположен
На пару строк ниже только что созданного стиля) и введите перед закрывающей
скобкой через пробел с l а s s=" pageSty l е".
Сейчас <body> должен выглядеть следующим образом: <body с l ass= "pageSty l е">.
Таким образом, к нему применяется класс . pageSty l е. Благодаря наследованию
все теги, заключенные внутри <body> (текст которых отображен в окне браузера),
Наследуют стилевые свойства и, следовательно, используют тот же шрифт.
Обучающий урок: наследование 103
Сохраните и. просмотрите веб-страницу в браузере.
Как видно из рис. 4.4, наш стилевой класс обеспечил всему тексту веб-страницы
Согласованный внешний вид, без резких переходов, плавно сочетающий все
фрагменты содержимого. И заголовки, и абзацы, заключенные в <body>,- все