2014-02-07 50 views
-4

我正在第一次编写CSS文件。这将很简单。我想知道:在HTML头中引用CSS文件

A)该文件是否应该像“cssStyle.css”? B)我如何将它写在HTML中,以便从.css文件中的所有html文件所在的文件夹中抽取?

+1

欢迎来到堆栈溢出。未来,请在发布之前做一点研究。问题应该显示研究努力,有用和清楚。 – TheOneWhoPrograms

+0

http://www.w3schools.com/css/ –

回答

2

如果index.html,然后style.css中都在同一

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

如果是的style.css 1个电平向上

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

如果style.css中是文件夹1中level up

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

如果style.css位于文件夹中

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

为便于包含小css内容。

<html> 
<head> 
<style> 
body, html {margin:0} 
</style> 
</head> 
<body> content </body> 
</html> 
+0

仍然不工作的原因:(style.css文件是在与homepage.html相同的文件夹,我引用它,你是如何写它.css是写成'code'#navigation {margin:100px;}'code' – danteMingione

+0

这是导航ID中那个混乱的双引号,谢谢你的帮助,对于其他读者,感谢他们的帮助你都是有帮助的,这是我自己的失误与那些该死的双引号。 – danteMingione

0

从你的HTML绘制它,你要这样写:

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

它们之间隔您head标签。例如:

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

您可以将其命名为任何你想要的,只要href是一样的,你把它叫做包括.css文件。

+0

这是正确的吗?<!DOCTYPE HTML> 设计但丁 <链接的rel =“样式”类型=“文/ css“href =”style.css“/> 请原谅我,但评论部分不让我空间。 – danteMingione

+0

@danteMingione是的,没错! – Albzi

0

在头

<html> 
    <head> 
    // link to css and jquery here 
    <link rel="stylesheet" type="text/css" href="style.css"> 
    </head> 
    <body> 
    </body> 
</html> 
0

首先保持相同的文件夹都cssstyle.css文件和yourhtml.html和简单的设置链接标签在HTML文件中

例如 yourhtml.html

<head> 
    <link rel="stylesheet" href="cssstyle.css"></link> 
    </head>