css - 基本 HTML : External Stylesheet not linking

标签 css html

刚刚开始一个新的 HTML 元素并边学边做,但我似乎无法弄清楚为什么我的代码没有链接起来。我试图让我的图片占屏幕的 100% 宽度,但我意识到我的代码没有对齐。

有什么建议吗?

这是我的 HTML:

<!DOCTYPE html>
<html>
<head>

<title>liz project</title>

<LINK rel="stylesheet" type="text/css" href="stylesheet.css" media="screen">


</head>
<body>

<h1>my first project</h1>
<p> welcome to the best site on the planet woohoo <br>
<img class="bg" src="http://blissmakedesign.com/wp-content/uploads/2012/11/livingroom1.jpg"> </p>

这是我的 CSS:

h1 {font-family: arial; color: red }

.bg {width: 100%; margin-right: auto; margin-left: auto }

super 基础,刚刚开始。非常感谢!

最佳答案

我建议您了解如何使用文件路径。

quick reminder about file path

  1. 以“/”开头返回根目录并从那里开始
  2. 以“../”开始向后移动一个目录并从那里开始
  3. 以“../../”开头向后移动两个目录并开始 那里(等等……)
  4. 要继续前进,只需从第一个子目录开始并保持 前进

因此,请确保您的文件路径方向正确。

关于css - 基本 HTML : External Stylesheet not linking,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25738127/

相关文章:

python - 无法使用scrapy获取HTML表格中的行数

php - 仅在主 Tumblr 页面上的元素 - 有效但会破坏控制按钮

html - 将鼠标悬停在区域上时,如何更改导航栏中图标的颜色,而不仅仅是图像。

javascript - 用 iframe 替换 div 中的内容

javascript - 如何像 facebook 和 twitter 一样显示帖子更新时间?

HTML 使用部分的宽度和高度尺寸

javascript - 检测字体系列是否更改并显示对话框

python - 请求 HTML <img> 作为 text/html

html - 图片下方的文字环绕

jquery - 加载时自动浏览器缩放