цвет не отображается в браузере, но отображается в режиме дизайна

0

я сделал простую страницу html, сделал страницу css и связал ее, на Dreamweaver он показывает, что фон черный, но когда я ставлю на него броузер, он выглядит как белый !!!!

код:

HTML:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"       
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <link rel="stylesheet" type="text/css" href="home.css" />
 <link rel="stylesh eet" type="text/css" href="css/css.css" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Untitled Document</title>
</head>

<body>

 </body>

 </html>

Код css: home.css

  @charset "utf-8";
  /* CSS Document */

   body {
margin: 0;
padding: 0;
background-color: #000000; 
  }
  • 3
    нет ничего в теле, попытайтесь добавить некоторое содержимое на страницу, наряду с изменением шестнадцатеричного кода на ряд 6-значного или 3-значный номер
  • 0
    он просто показывает текст, но фон все еще белый !! на виде дизайна он показывает черный фон
Теги:

5 ответов

1
Лучший ответ

вот скрипка, которая показывает, что вам нужно там

http://jsfiddle.net/85svu/

#000000

вам также нужно добавить что-то в тело страницы

<body>
  <p> here is some content</p>
</body>

ДОПОЛНИТЕЛЬНАЯ ИНФОРМАЦИЯ ПОСЛЕ ИССЛЕДОВАНИЯ

Я разместил вопрос о Programmers.Stackexchange И нашел ответ и ссылки, чтобы открыть глаза на теги CSS <html> и <body>.

Вот ссылки

http://www.w3.org/TR/CSS2/colors.html#background

http://www.sitepoint.com/styling-the-html-and-body-elements/

Поделиться
  • 1
    спасибо, верно.
  • 0
    Что бы вы порекомендовали мне использовать кроме Dreamweaver для HTML и CSS
Показать ещё 3 комментария
5

Ваш шестицветный цвет не может иметь 4 цифры. Ему нужно либо 3, либо 6.

#000 или #000000

Редактировать:

В случае, если люди видят этот ответ и перестают читать дальше и все еще удивляются, почему он белый. Как и все остальные, тело будет иметь ноль, если у него нет контента, поэтому фон не будет отображаться.

Хотя вероятность того, что тело полностью пуста, довольно тонкая.

Поделиться
  • 0
    сделано, чтобы # 000000 все еще было белым !!!!!
  • 0
    Что бы вы порекомендовали мне использовать кроме Dreamweaver для HTML и CSS
Показать ещё 1 комментарий
3

Измените background-color на #000000 или #000.

body {
    margin: 0;
    padding: 0;
    background-color: #000; 
}

Вы можете сокращать одноразрядные шестнадцатеричные значения, такие как #000000 или #FFFFFF или #777777 до 3-х цифр для краткости (#000, #FFF, #777 и т.д.), Но он не будет работать с каким-либо другим числом цифр.

Вероятно, причина, по которой это работает в Dreamweaver, но не в вашем браузере, состоит в том, что у вашего тела нет контента, отступов или полей, и поэтому его высота равна нулю, и в результате вы не увидите никакого фона. Временно добавьте height: 100px или что-то в декларацию вашего body чтобы проверить цвет фона (или просто добавить некоторый контент в тело).

Поделиться
  • 0
    сделано, чтобы # 000000 все еще было белым !!!!!
  • 0
    @mali, если это не помогает, возможно, в вашем файле css/css.css есть объявление стиля равной или более высокой специфичности, которое переопределяет объявление body в home.css . Разместите ваш файл css.css и мы поможем вам.
Показать ещё 3 комментария
0

Измените цвет фона на # 000, и он будет работать :)

Поделиться
  • 1
    Когда вы даете ответы, пожалуйста, объясните, почему это будет работать, то есть основная причина.
0

Одна вещь, о которой никто не упоминал, изменение html на ваш черный фон сделает его черным, даже если контент отсутствует.

Вот код,

html {
   background: #2b2b2b;
}

Тогда вы можете иметь свой фон на теле, а также, когда у вас есть контент на вашей странице.

JSFIDDLE

Поделиться
  • 0
    это даже хорошая практика кодирования, чтобы добавить стиль к тегу html ?
  • 0
    Да, насколько я знаю это. Вы никогда не делали этот метод, чтобы добавить фон нижнего колонтитула в качестве фона html, чтобы нижний колонтитул заполнял нижнюю часть страницы? Вот так , jsfiddle.net/LC2Tr .
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню