Scd ut pcnpiciolls undc
Аьш11 й оаtш enor Ш
~-6\m\
Dalamьquc loudoodum,
toCam tctD ~periato ,
""JU< ip<a qua< .Ь o1Jo
Uwt.t\tore~dquмl
м:bli<CIOЬ.......;".,
dlct. ,_ <>tplkaЬo.
-.-~
>'OIII]>Utcn\ quiA wlupw
lit. uptn~~Wt aut odit .ut
Rug;.....rqц;.
~Nt~
Tlolara. tQS qoi nJionc
Yalu-ooqo.i
Nе:с:Ми. Nc:que pono
~Wqown Qt, qui
-ipouцl'f"•tlolor
Рмс. 5.6. наследование и каскадность в действии: тег <h 1 > вверху этой страницы
наследует ее wрифт иэ стиля теrа <Ьоdу>, но nолучает раэмер к начертание wрифта
иэ специального стиля тега <h 1 >
Соэдание комбинированных. стилей
В этом примере мы создадим два стиля. Один стиль будет форматировать все
Заголовки второго уровня веб-страницы, а другой - более явно определенный
стиль - будет реформатироват~ (повторно форматировать) те самые заголовки, но
Только. из большеrо, главного столбца веб-страницы.
1. В файле ma i ri. css добавьте следующий стиль в конец таблицы стилей:
h2 { .
font-size: 2 .2em;
со 1 or : #АFСЗDб:
margin-bottom: 5рх ;
Этот стиль просто меняет цвет текста, увеличивает размер шрифта тега <h2>
И добавляет немного пространства под ним. Если вы просмотрите страницу
в браузере, то увидите, что заголовки <h2> из основного столбца и те же заголовки
Из nравого столбца похожи друг на друга.
Далее вы создадите стиль для форматирования только тех заголовков второго