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