CSS样式表实现

Question

我已经下载了一个样式表，希望将其用于我的个人HTML网页。 有关实现所述样式表的快速问题。 该文件夹的屏幕快照位于： http : //imgur.com/94m11mz

我知道有一个外部样式表，我需要使用链接标签，类似于：

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

我的问题是：

1）href =“” .css文件的名称吗？“ 即href =“ default.css”

2）我不确定该如何处理2个.css文件。 我是否链接到他们两个？ 意思是我有2个链接标签？ 一种进入default.css，另一种进入fonts.css？ 如：

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

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

3）是否需要将所有folder / .css文件与HTML文档包含在同一文件夹中？ 或者，如果我明确输入位置“ .css文件在这里的名称”中的位置，可以将其移动到其他文件夹吗？

Answer 1

您可以将它们移动到自己的文件夹中，例如：

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

是的，每个要包含在HTML文件中的CSS文件都需要一个链接标记。

Answer 2

您将需要两个链接标记，因为它们是不同的文件，文件夹结构取决于您认为合适的方式。 通常，它是一个相对路径，例如“ ..css / yourstylesheet.css”

Answer 3

href使用虚拟路径。 就是说您在根目录中有一个css文件夹，并且其中存在一个css文件，然后href =“ css {您的css文件名}”。

Answer 4

问题1： href =“” .css文件的名称吗？“ 即href =“ default.css”

是的，您应该以.css扩展名命名css

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

问题2：我不确定如何处理2个.css文件。 我是否链接到他们两个？ 意思是我有2个链接标签？ 一种进入default.css，另一种进入fonts.css？

是的 ，您可以使用两个链接标记，但是请记住，如果两个样式表中的类或ID名称相同，它将采用最后一个样式表的样式。

例如：

如果您的html和default.css中具有<div class="sample"> hi </div> ，如果您具有.sample{color:red;}和font.css中您具有.sample{color:blue}然后，当您第二次链接font.css时 ，文本"hi"将显示为蓝色 。

问题3：是否需要将所有folder / .css文件包括在与HTML文档相同的文件夹中？ 或者，如果我明确输入位置“ .css文件在这里的名称”中的位置，可以将其移动到其他文件夹吗？

强烈建议将所有.css extension文件保留在一个文件夹中。 因此，如果您的站点中有大量​​文件，则可以轻松搜索样式表。

如果您将样式表放在单独的文件夹中，则应该明智地链接样式表。

文件夹名称：CSS文件名称：Default.css

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