CSS样式表实现

时间:2014-03-28 03:22:41

标签: html css

我已下载了一个样式表,我想将其用于我的个人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)我是否需要将所有文件夹/ .css文件包含在与HTML文档相同的文件夹中?或者我可以将其移动到另一个文件夹,如果我明确地输入位置为href =“.css文件的名称”吗?

4 个答案:

答案 0 :(得分:0)

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

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

是的,每个要包含在html文件中的css文件需要一个链接标记。

答案 1 :(得分:0)

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

答案 2 :(得分:0)

href采用虚拟路径。多数民众赞成说你的根目录中有css文件夹,而css文件存在于那里,然后href =“css {your css filename}”。

答案 3 :(得分:0)

  

问题1: href =&#34; .css文件的名称?&#34;即href =&#34; default.css&#34;

是的,你应该用.css扩展名命名css

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

问题2:我不确定如何处理2 .css文件。我是否链接到两者   他们?这意味着我有2个链接标签?一个去了default.css和一个   去fonts.css?

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

例如:

如果你的html中有<div class="sample"> hi </div> 在你的 default.css 中,如果你有.sample{color:red;},而在你的 font.css 中你有.sample{color:blue},那么文字"hi"就会当您链接 font.css 秒时,会显示蓝色颜色。

  

问题3:我是否需要在同一个文件夹中包含所有文件夹/ .css文件   文件夹作为我的HTML文档?或者我可以将其移动到其他文件夹   如果我明确地输入位置为href =&#34; .css文件的名称   这里&#34;事?

强烈建议将所有.css extension个文件保存在一个文件夹中。,以便在网站中有大量文件时可以轻松搜索样式表。

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

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

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