运行html网页中css样式的问题

在html中怎样使用css样式

将样式表(css)加到你的网页中的几种方法

哎呀，这个网站风格的东西真是让人头疼啊。
刚进入这个行业的时候，我遇到了很多陷阱。

就你提到的这四点。

第一种方法是将样式表直接放置在 HTML 文件的头部并用注释标签包裹起来。
我经常使用它，特别是对于小工具或临时调试。
例如，有一年我创建了一个几百字的小活动页面，所以我在标题中写了以下内容：<!-
H1 {color:green;font-family:impact}P{background:yellow;font-family:courier} -->。
做完之后我发现效果立竿见影，省去了我的麻烦。

第二种是外部样式表。
这个用的比较多。
创建一个单独的文件，例如B. mystyles.css，写入：H1 {color:green;font-family:impact}P{background:yellow;font-family:courier}。
然后将其链接到 HTML 文件中，如下所示：<link rel="stylesheet" href="mystyles.css">。
当时，我正在开发一个有数百页的大型网站。
所有样式都统一在 mystyles.css 中。
一旦我改变了它，所有的页面都相应地改变了。
这不是很令人满意。

第三，使用@import引入外部样式表。
我以前用过这个，但现在很少用了。
只需在 HTML 文件的头部添加一行： <!-
@import url(company.css); -->，然后在company.css中写入：H1 {color:green;font-family:times}P{background:yellow;font-family:courier}。
几年前我遇到了一个旧项目。
系统太旧了，我不得不使用这个方法。
搞了半天，效果开始显现，但感觉有点啰嗦。

第四种方法是直接将样式添加到 HTML 文件的行中。
除非有紧急情况，否则我一般不会使用这个。
例如，如果 H1 标题突然出现错误的颜色，只需在该行添加：

即可。
我在一个活动网站上工作了一年，在最后几分钟客户要求我改变颜色，所以我就这样做了。
我很快就想通了，终于做到了。

我替你写下了你提到的优先事项。
内联样式具有最高优先级，其次是@import，然后是外部样式表链接，最后是注释中的样式。
我陷入了这个陷阱。
例如，我花了一年的时间尝试在链接的外部样式表中编写 H1 {color:blue;}。
结果

上线了，所以H1 必须是红色的，蓝色根本不起作用。

不过，这件事有时也颇为神秘。
不同的浏览器可能有不同的行为。
我建议你多尝试一下，亲自感受一下。