我创建此代码是为了使用它将图像和文本并排放置在 HTML 页面中。
.mydiv {
width:646px;
height: auto;
}
.myimage {
float:left;
width:378px;
height:291px;
margin:5px;
}
我遇到的问题是我想在不同的文件和不同的图像值中多次使用代码,我不想为所有这些文件创建 css 文件。那么如何为一个css文件中的所有文件编写具有不同值的所有代码呢?
我创建此代码是为了使用它将图像和文本并排放置在 HTML 页面中。
.mydiv {
width:646px;
height: auto;
}
.myimage {
float:left;
width:378px;
height:291px;
margin:5px;
}
我遇到的问题是我想在不同的文件和不同的图像值中多次使用代码,我不想为所有这些文件创建 css 文件。那么如何为一个css文件中的所有文件编写具有不同值的所有代码呢?
首先,您可以将您的 CSS 放在一个 CSS 文件中,然后通过在
<LINK href="special.css" rel="stylesheet" type="text/css">
(见W3C)
对于无法在 html 文件之间重复使用的值(例如图像的 SRC),您必须在每个文件中手动对其进行更正。您可以直接在 HTML 中(如果您使用 )或通过在标题中声明来执行此操作。
使用上面的代码创建一个.css
文件。您还需要指定.myimage
班级的高度。在您想要上述文件的所有文件中,使用导入文件
<LINK href="example.css" rel="stylesheet" type="text/css">
.
现在对于持有图像的 div 给出类 as.myimage
并且src
属性独立于文件
编辑-假设您的站点中有 3 个 html 文件,并且您希望在所有文件中实现上述 css 类,然后打开一个新的记事本文件,将 css 类粘贴到文件中并另存为 somestyle.css。现在在每个 html 文件中,您使用上面的链接标记来导入 css 并像往常一样使用类。