html - img 选择器出错

Question

这是我的 HTML 代码

<!DOCTYPE html>
<html>
<head>
    <title>Result</title>
    <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
</head>
<body>
    <h1>testing css</h1>
    <p>this text shows the paragrpah going under css</p>
    <img src = "http://images.wikia.com/glee/images/1/1d/ImaFes.jpg" />
</body>
</html>

这是我的 CSS 代码

h1 {
    font-family: Verdana, sans-serif , serif;
    color:#576D94;
} 
p {
    font-size:18px;
    color: #4A4943;
    font-family: Garamond, serif;
}
img {
    height=100px;
    width=300px;
    border=1px solid #4682b4;
}

我发现的错误是 img 选择器。编辑器在 img 选择器行上显示一个空规则。希望我没有对 img 选择器做错任何事。

如有任何语法错误，请见谅

score 0 · Accepted Answer

您应该使用冒号而不是等号：

img {
  height:100px;
  width:300px;
  border:1px solid #4682b4;
}

score 0 · Accepted Answer

你可以自己看看。

您正在使用：

img {
height=100px;
width=300px;
border=1px solid #4682b4;
}

应该是：

img {
height:100px;
width:300px;
border:1px solid #4682b4;
}

删除等号，它将类似于上面的内容。

score 0 · Accepted Answer

缺少一个冒号

img {
    height:100px;
    width:300px;
    border:1px solid #4682b4;
}

这是一个工作演示

html - img 选择器出错

3 回答 3

Related

Reference