CSS外部样式链接

发布网友发布时间：2022-04-21 16:33

我来回答

共1个回答

热心网友时间：2022-04-20 16:17

HTML文档使用<link .../>元素来引入外部样式文件, <link .../>要放在head元素里

href="文件地址"

结合题目: style/css.css 就是表示在html所在目录里有个文件夹style. 该文件夹里有一个css文档, 该css文档名字叫css

type="文件类型"

常见的有text/css表示层叠样式表

text/javascript 表示 javascript脚本

rel="外部文件和HTML文档的关系"

stylesheet: 表示外部文件是该HTML的样式表

参考代码 HTML文件

<!DOCTYPE html>
<html>
<head>
<link href="style/css.css" type="text/css" rel="stylesheet"/>
<meta charset="utf-8">
<title>Test</title>
</head>
<body>
<h3 id="title">标题</h3>
<p class="myp">风云</p>
<p class="myp">雷电</p>
</body>
</html>

参考CSS文件(注意该文件,在html所在目录的style文件夹里, 详细看前面的图)

#title{
color:#f00;
}
.myp{
background:#999;

}

效果图