Question

HTML：

<!doctype html>
<html>
<head>
    <title>Example Domain</title>
    <link rel="stylesheet" type="text/css" href="stylesheet.css" />
    <meta charset="utf-8" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

</head>

<body>
<h1>Hello World!</h1>
<h2>A few facts about the world we live in</h2>
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/97/The_Earth_seen_from_Apollo_17.jpg/640px-The_Earth_seen_from_Apollo_17.jpg" />
</body>
</html>

CSS：

img {
    width: 300;
}

h1 {
    font-family: Georgia;
    background-color: red;
}

我已将html和css保存在同一个文件夹中。我的css文件名为stylesheet.css。

我能够编辑但不能通过我的css文件，这意味着我的css文件和HTML链接但我似乎无法编辑图像。有人帮助我！

Answer 1

问题是你的单位。 300什么？您需要添加％或px或em。

img{
  width:300px;
}

小提琴300px https://jsfiddle.net/jL7Lqfv8/

Answer 2

你确定你的CSS被拉入了吗？检查浏览器中的网络选项卡以确保它是。另外，尝试给图像宽度一些单位： img { 宽度：300px; }

为什么我的html链接css而不是我的img

2 个答案: