Question

我是第一次写CSS文件。这很简单。我想知道：

A）文件应该是“cssStyle.css”吗？ B）我如何在HTML中编写它，以便从与我所有html文件相同的文件夹中的.css文件中提取？

Answer 1

如果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级别的文件夹中

<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>

Answer 2

要从你的html中绘制它，你想写下这个：

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

介于您的head代码之间。例如：

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

只要href与您调用的文件相同，包括.css，就可以为其命名。

Answer 3

头脑中

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

Answer 4

首先将cssstyle.css文件和yourhtml.html保存在同一个文件夹中，然后在html文件中设置链接标记

示例 yourhtml.html

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

引用HTML头中的CSS文件

4 个答案: