Question

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

在页面上＆＃34;联系＆＃34;我有这个想法。

＆LT; link rel =＆＃34; stylesheet＆＃34;类型=＆＃34;文本/ CSS＆＃34; HREF =＃＆34; test.css＆＃34; /＆GT;

但我想将其他页面连接到此css文件。你是怎么做到的？

Answer 1

完全相同的方式。在每个页面的<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;}

Answer 2

您必须将该链接放在每个页面的css文件中才能工作。一个更好的解决方案是创建一个单独的标题页，然后可以将其包含在顶部的页面中，这样您就不必一遍又一遍地编写相同的代码。

Answer 3

将文件另存为.css并将其链接到您的任何html网页，如下所示：

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

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

3 个答案: