html - 需要有关外部 CSS 引用的帮助

标签 html css

我正在尝试学习如何使用层叠样式表。我有一个小测试 html 页面如下:

<html>
<head>
<link rel="stylesheet" type="text/css" href="css/test.css" />
</head>
<body>
   <h3> A White Header </h3>
     <p> This paragraph has a blue font.  
      The background color of this page is gray because
   we changed it with CSS! </p>
  <INPUT TYPE=text NAME="userID" id="userID" Size=20 > 
</body>

外部 css 文件如下所示:

body{ background-color: gray;} 
 p { color: blue; } 
h3{ color: white; }

一切正常。但是当我查看由我团队的其他成员创建的样式表时,他们的内容中包含样式标签。所以这让我觉得 CSS 文件真的应该是这样的:

<style type="text/css"> 
body{ background-color: gray;} 
p { color: blue; } 
h3{ color: white; }


</style>

但是,当我放入样式标签时禁用了 CSS。我做错了什么?

感谢您的帮助。

艾略特

最佳答案

<style> HTML 标记用于当您的 CSS 您的 HTML 文件中时。

如果是外部 CSS 文件,则不要使用它们,因为它不是 HTML 文件。

关于html - 需要有关外部 CSS 引用的帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8858378/

相关文章:

html - Chrome 无法在某些元素背景中正确显示 "rgba()"样式...(无 alpha 混合)

html - 如何删除 webkit 中损坏图像周围的边框?

javascript - Title 属性中的 Angular-Translate 变量替换

html - 如何在 Web 浏览器(html 格式)中打开本地 .msg 文件并显示嵌入的图片

javascript - HTMLInput隐藏空终止符

html - 旋转具有透视错误的 3d 立方体?

javascript - 禁用可点击图像但启用右键单击上下文菜单

android - 如何在 Android 4.0 的 HTML5VFullScreen$SurfaceVideoView 中获取 HTML5 视频 URI?

html - 鼠标悬停在 Canvas 上的图像替换

css - 调整菜单文件夹边距