五，外部样式表
2020-12-15 本文已影响0人
好多可乐
说明： 外部样式表就是新建一个文档，里面全写css，然后再通过link插入到html代码中
作用： 使网页的表示层和结构层彻底分离，利于团队合作分工，也使得页面加载变快
示例：
<link rel="stylesheet" type="text/css" href="index.css">
link： 用于定义文档与外部资源的关系，现在用link链接的多是css
rel： 链接的内容
type： 要链接的文件类型，可省略
href： 要链接的外部样式表的位置
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="test5.css">
</head>
<body>
<p>http://www.imooc.com</p>
<p class="p1">慕课网</p>
</body>
</html>
body{
background-color: red;
background-image: url("image/3.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
font-size: 40;
background:red url("image/3.jpg") no-repeat scroll center center;
}
.p1{
font-family: 隶书;
}
优先级总结：
行内元素样式设置>内部样式设置>外部链接样式设置
