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;
}
效果图
