HTML & CSS 链接



让我们假设,我有两个带有两个段落标记的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>

最新更新