将一个css文件连接到多个html页面

为我的主页创建一个extern css文件。唯一的问题是，我知道如何解决一个HTML页面，但不是其余。将一个css文件连接到多个html页面

在页面“联系”我有这个在头上。

<的link rel = “样式” 类型= “文/ CSS的” href = “test.css”/>

，但我想在其他页面也连接到这个CSS文件。你怎么做到的？

2016-06-07 JONSTJ

完全相同的方式。每一页的<head></head>标签之间，放：

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

我经常会用CSS评论瓜分CSS文件分成多个部分，像这样：

/* General */ 
    .header{ width:50px;etc.} 
    .nav {width:50px;etc} 

/* Home Page Only */ 
    #mainPic {width:50px;etc} 
    #somethingElse {width:50px;etc} 

/* Page 2 */ 
    .img {width:50px;etc} 
    #menu {width:50px;etc}

请记住，如果你有元素上两个页面（同一CSS文件的两个不同的区域），其具有相同的名称，第二个将覆盖第一：

/* Home Page Only */ 
    #mainPic {width:50px;} 
    #somethingElse {width:50px;etc} 

/* Page 2 */ 
    .img {width:50px;etc} 
    #mainPic {width:333px;}

在上面的例子中，#mainPic两个页面上元件将有333px的宽度。因此，只能为具有相同CSS的元素使用相同的ID或类名称。如果CSS发生变化，请更改其中一个名称：

#mainPic2 {width:333px;}

来源

2016-06-07 02:58:06 gibberish

您必须将该链接放置到每个页面的每个页面才能工作。更好的解决方案是创建一个单独的页面页面，然后将页面包含在顶部，这样您就不必一次又一次地写入相同的代码。

来源

2016-06-07 02:58:18

这似乎是先进的OP。你应该进一步解释。 –

将文件保存为.css，并将其链接到任何HTML页面是这样的：

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

来源

2016-06-07 03:04:06

将一个css文件连接到多个html页面

回答

相关问题