问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

CSS 样式无效

头像
wn777
    9321218
    <!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什么的.

    图片描述

    csshtmljavascript
    阅读 5.2k
    5 个回答
    得票最新
    头像
    小狗快跑嘟嘟
      2.8k11326
      ✓ 已被采纳

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

      <!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>
      头像
      papersnake
        12k31739

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

        头像
        zeroone0010
          298138

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

          <!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>
          头像
          hubyo
            31231420

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

            
#footer{width:100px;height:100px;} //应该是没得问题的
            头像
            摩天轮下的肖邦曲
              5054613

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

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