CSS 样式无效

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
  #footer { width: 100px; height: 100px;  background: grey;}
    </style>
</head>

  <body>
    <div id="footer">123</div>
  </body>
</html>


为什么没有css样式呢?小弟实在看不出哪错了
话说大家平时调试错误的时候,除了用F12还怎么调试
还有小弟想问下,如何查看触发事件,click,hovers什么的.

图片描述

阅读 5.2k
5 个回答

经测试,格式化以下代码就好了

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    #footer {
        width: 100px;
        height: 100px;
        background: grey;
    }
    </style>
</head>

<body>
    <div id="footer">123</div>
</body>

</html>

grey gray 拼写错误
所以说,有一个好的 编辑器是多和重要,呵呵

不知道你用的什么编辑器,我直接拷贝你的代码,没效果,然后删了,我重新敲了一下,就可以。可能是编辑器的问题。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Document</title>
   <style>
   #footer{
        width: 100px;
        height: 200px;
        color: red;
   }
   </style>
</head>

  <body>
    <div id="footer">123</div>
  </body>
</html>

因为你的属性前面有空格!! 浏览器解析出问题了。


#footer{width:100px;height:100px;} //应该是没得问题的

单词拼错了!建议以后不显示用border

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题