显式的css文件不起作用

我没有看到我的网页正在根据css文件中定义的样式进行更改。当我在HTML文件中添加相同时，它正在工作。有人可以请帮忙。不知道什么是错的。下面显式的css文件不起作用

是我简单的HTML文件

<html> 
<head> 
<title>css</title> 
<body> 
<link rel="stylesheet" type="text/css" href="style.css"> 
test 
</head> 
</body> 
</html>

下面是我的CSS文件。

<style> 
body 
{ 
background-color:lightblue; 
} 
</style>

来源

2014-03-13 divakar.scm

更改CSS文件：删除<style> </style>

body 
{ 
    background-color:lightblue; 
}

也是正确的html格式

<html> 
    <head> 
    <title>css</title> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
    </head> 

    <body> 
    test 
    </body> 
</html>

这对我的作品。确保你的html和css这两个文件应该在同一个文件夹中。

来源

2014-03-13 06:52:49

非常感谢您的快速回复。 :-) –

@ divakar.scm：欢迎。如果问题解决了，请接受答案.. :) –

你将头标签包裹在所有内容中。链接标签应始终放在头标签之间，而不要放在主体标签中。

你的代码应该像下面的例子。其余的都很好。

<html> 
<head> 
<title>css</title> 
<link rel="stylesheet" type="text/css" href="style.css"> 
</head> 
<body> 

test 

</body> 
</html>

的CSS应该是这样的：

body { 
    background-color:lightblue; 
}

来源

2014-03-13 06:53:26 Christophe

<style> 
    body { 
     background-color:lightblue; 
    } 
</style>

不是写一个.css文件正确的方式。

从您的.css文件中删除这些样式标签并再次检查。

此外，

确保您.html和.css文件是相同的路径（为了使事情，而无需在htmlhead

改变link标签的工作只是注意到了：

您的body标签在您的head标签内。这是不正确的。

正道这样做，是在头节

<html> 
    <head> 
     <title>css</title> 
     <link rel="stylesheet" type="text/css" href="style.css"> 
    </head> 
    <body> 
     test 
    </body> 
</html>

来源

2014-03-13 06:53:29 AdityaParab

总是CSS链接，U还可以看到该文件的路径，不使用type属性样式表（除非不使用CSS），指定这些上下文中的类型属性并不是必需的，因为HTML5意味着将text/css和text/javascript作为默认值。这甚至可以安全进行旧版本浏览器类型= “文/ CSS”

HTML

<html> 
    <head> 
    <link rel="stylesheet" href="style.css"> 
    </head> 
     <body> 
     hello 
     </body> 
</html>

来源

2014-03-13 06:59:27

如果style.css与html文件位于同一文件夹中，则不需要 – Christophe

试试这个。

HTML的

<html> 
<head> 
    <title>css</title> 
    <link href="style.css" rel="stylesheet" /> 
</head> 
<body> 
    test 
</body> 
</html>

CSS-

body { 
    background-color: lightblue; 
}

来源

2014-03-13 07:01:12

您正在使用错误的CSS语法。在CSS文件中，没有<style></style>标签，它们只是规则。所以，你应该有：

body 
{ 
    background-color: lightblue; 
}

此外，你应该link CSS文件到<head>标签，它是你的文件的组织更好。

来源

2014-03-13 07:22:05 Victor

显式的css文件不起作用

回答

相关问题