2016-05-17 4 views
0

Привет, я только что начал инвестировать некоторое время в css и html, поэтому мой вопрос может быть слишком основным для этого форума, но поскольку я уже давно занимаюсь поиском в Google, не найдя подходящего ответа, я хотел попробуйте мою удачу здесь. То, что я пытаюсь достичь, - это несколько страниц с каждым другим фоном.несколько фонов с фоновых классов в css

на HTML стороне Я использую это:

<!doctype html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
     <title> Page02 </title> 

     <link rel="stylesheet" href="css/normalize.css"> 
     <link rel="stylesheet" href="css/main.css"> 


    </head> 


    <body class="one"> 
      </body> 

На стороне Css он должен вызвать на это:

body.one { 
    background-color: #999; 
color:white; 
background-image: url("Images/backgrounds/Background02.jpg"); 

}

Я только недавно начал, так что я мог бы не ошибетесь. Любая помощь будет принята с благодарностью.

+0

Было бы полезно, если вы используете ссылку jsbin или некоторые примеры того, что вы ищете. – toobulkeh

+0

спасибо, но моя проблема заключалась в том, что мой main.css находился в папке (css/main.css), и при этом путь к фоновому изображению не может быть в папке на том же уровне или выше той, где хранятся мои таблицы стилей. Таким образом, это приводит меня к следующей проблеме. Благодарю за быстрый ответ. – Euronymus

ответ

0

Если ваш вопрос по существу: «Правильно ли это?» то мой ответ почти.

Я бы предложил использовать идентификатор вместо класса на тэгах <body>. Классы используются только тогда, когда вы уверены, что хотите иметь одинаковые стили для двух или более элементов, а идентификаторы - для уникальных стилей на уникальных элементах.

+0

не лишит меня возможности использовать «id» далее на этой странице (для div для ex.). Должен ли я использовать один и тот же фон на другой странице (не упоминается в вопросе, просто интересно) использует класс для тела более уместным? – Euronymus

+0

Верно, если вы использовали 'id =" one "на вашем теле, тогда вам будет не рекомендуется использовать один и тот же идентификатор для любого другого элемента, но по крайней мере вы правильно используете идентификаторы. Если вы используете 'class =" one "на вашем теле, а затем применяете стили' body.one {} 'в своем css, вы используете класс для уникального элемента, который неэффективен. – SpyderScript

0

Я думаю, что вы делаете ошибку, обеспечивая точный путь к изображению или main.css