CSS href vs内联样式表的区别

时间:2010-10-10 06:18:00

标签: html css href

我有一个包含内容的小CSS文件:

<style type="text/css">

li {
padding: 10px;
font-family:  Arial;
}

</style>

假设在列表元素之间留一些空格并更改字体。现在,如果我将这个CSS文件包含在HTML中,如下所示:

<link rel="stylesheet" href="./css/lists.css" type="text/css" />

它不起作用:(。

但是,如果我在html“head”块中包含实际的CSS代码,它就可以工作。

我更喜欢采购CSS(因此不同的文件可以共享代码)。任何想法都错了,如何解决?

的问候, JP

2 个答案:

答案 0 :(得分:1)

你应该省略

<style type="text/css">

</style>
来自.css文件的

标记,因为如果您将这些标记包含在页面<head>中,则这些标记仅用于表示CSS样式。如果您包含它们,浏览器将尝试将它们视为CSS代码,而不是它,这会导致样式表无效。

答案 1 :(得分:0)

您不应在css文件中使用script标记。只需li {..}即可。

此外,检查路径(./css/lists.css)可能会有所帮助。如果有错误,则不包括任何内容。