多次使用css代码，不同的文件使用不同的值

Question

我在oder中创建了这个代码，用它将图像和文本并排放在HTML页面中。

.mydiv {
    width:646px;
    height: auto;
}

.myimage {
    float:left;
    width:378px;
    height:291px;
    margin:5px;
}

我遇到的问题是我想在不同的文件和不同的图像值中多次使用代码，我不想为所有这些创建css文件。那么如何为一个css文件中的所有文件编写具有不同值的所有代码？

Answer 1

首先，您可以将CSS放入CSS文件中，然后在

中使用此文件将此文件包含在所有html页面中

<LINK href="special.css" rel="stylesheet" type="text/css">

（见W3C）

对于无法在html文件（例如图像的SRC）之间重复使用的值，您必须在每个文件中手动更改它。您可以直接在HTML中使用（如果使用）或在标题中声明。

Answer 2

使用上面的代码创建一个.css文件。您还需要指定.myimage类的高度。在您希望上述文件的所有文件中使用

导入文件

<LINK href="example.css" rel="stylesheet" type="text/css">。

现在，对于持有图像的div，类为.myimage，src属性独立于文件

编辑 - 假设您的网站中有3个html文件，并且您希望在所有文件中实现上述css类，然后打开新的记事本文件，将css类粘贴到文件中并保存为somestyle.css。现在在每个html文件中，您使用上面的链接标记来导入css并像通常那样使用类。