1.css外部链接标签添加在<head>内
2.<link rel="stylesheet" href="path" type="text/css" >
绝对路径:从根目录到目标文件的所有路径
相对路径:相对于当前文件的路径。
"./":代表目前所在的目录。
"../":代表上一层目录。
以"/"开头:代表根目录。
出现问题例子:
html:
<html>
<head>
<meta http-equiv="content-type" content="text/html charset=utf-8">
<title>通过链接形式引入CSS样式</title>
<link href="t1.css" />
</head>
<body>
<h2>页面文字一ffff</h2>
<p>页面文字二aaaa</p>
</body>
</html>
t1.css:
h2{
color: #00FFFF;
}
p{
color: #FF00FF;
font-weight:200;
font-size:30px;
}
HTML链接外部CSS无效,原因:link内必须指定HTML与CSS之间关系,即,rel="stylesheet"