как объединить код меню с кодом страницы?

Question

У меня есть страница PHP, у него есть скрипт CSS. я хочу поместить menubar на этой странице. как показать menubar на этой странице, не нарушая настройки css для этой страницы? настройка меню:

<style type="text/css">
        .menubar { margin:0 auto;
                   padding:0;
                   }
                html { background:#ffffff; }
                body{
                         width:900px;
                         height:1000px;
                         overflow:auto;
                         background:#ffffff;
                        }
                div#menu {
                                margin:40px 0 0 95px;
                                text-align:center;
                                position:absolute;
                                }
                div#menu span {
                                font-size:22px;
                                padding-left:14px;
                                }
                div#copyright {

                                font:11px 'Trebuchet MS';
                                color:#fff;
                                text-align:center;
                                clear:left;
                                position:absolute;
                                top:546px;
                                width:560px;
                                }
                div#copyright a { color:#425B7B; }
                div#copyright a:hover { color:#fff; }
</style>

Настройки страницы:

<style type="text/css">
            body
            {
                    font-family:Times new roman, verdana;
                    font-size:22px;
                    width: 900px;
                    height:70px;
                    margin-left: auto;
                    margin-right: auto;
                    margin-top: 6px;
                    background-image:url("wood_texture2.jpg");
            }
    </style>

Answer 1

Замените * в CSS-коде MenuBar именем объекта, который является меню. Например, body на странице css означает «Применить этот стиль к странице».

Если заменить * на .menubar и добавить

class="menubar"

к объекту строки меню, затем строка меню выберет верхний стиль.

Answer 2

Единственный конфликтующий код - для элемента body, и в этом случае вам придется принимать решение о том, какие значения вы хотите для каждого атрибута. Например, вам нужно выбрать, хотите ли вы, чтобы страница имела ширину 800 или 900 пикселей.