<!--css文本的鏈接方式有三種：分別是內聯定義、鏈入內部css、和鏈入外部css-->
在css中
id前面是要加一個#
class前面要加一個.
<!--1.代碼為：-->
<!--<html>
<head>
<title>內聯定義</title>
</head>
<body>
<p style="border:2px solid #000000">內聯定義</p>
<p style="color:red">內聯定義</p>
<p style="font-size:12px">內聯定義</p>
</body>
</html>-->
<!--2.代碼為：-->
<!--<html>
<head>
<title>鏈入內部css</title>
<style type="text/css">
#myid
{
width:200px;
height:300px;
color:red;
}
.myclass
{
width:200px;
height:300px;
color:red;
}
</style>
</head>
<body>
<p id="myid">鏈入內部css</p>
<p class="myclass">鏈入內部css</p>
</body>
</html>-->
<!--3.代碼為：-->
<html>
<head>
<title>鏈入外部css</title>
<link type="text/css" rel="stylesheet" href="style.css"/>
</head>
<body>
<p id="p1">鏈入外部css</p>
<p id="p2">鏈入外部css</p>
<p class="p3">鏈入外部css</p>
</body>
</html>
代碼3的style.css是和你的html文件在同一個文件夾。
其代碼為：
#p1
{
border:2px;
color:red;
}
#p2
{
border:2px;
color:blue;
}
.p3
{
border:2px;
color:red;
}
原文：https://blog.csdn.net/abc5382334/article/details/24260817