让我们假设,我有两个带有两个段落标记的HTML文件。我想要两个不同的样式,我不想使用内联CSS。有什么关于我该怎么做的帮助吗
尝试为每个段落提供不同的类名/id名称,并针对CSS文件中的每个段落
您可以使用不同的class或id。您可以更好地理解它们:https://www.washington.edu/accesscomputing/webd2/student/unit3/module5/lesson1.html
制作CSS文档,并在<head></head>
标记中将其放入:
<link rel="stylesheet" href="yourstylename.css">
您可以添加外部样式表并与html文件链接。
样式.css
/*
Styles.css
*/
#photo1{
/*
Add your styling
*/
}
#photo2{
/*
Add your styling
*/
}
在你的html文件中,你可以链接css文件并通过id添加相关的css代码。
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<picture id="photo1">
</picture>
</body>
</html>