五，外部样式表

最新推荐文章于 2022-08-26 13:55:46 发布

好多可乐

最新推荐文章于 2022-08-26 13:55:46 发布

阅读量913

点赞数 1

分类专栏： CSS基础

本文链接：https://blog.csdn.net/qq_36792120/article/details/111125440

版权

CSS基础专栏收录该内容

28 篇文章 0 订阅

订阅专栏

说明： 外部样式表就是新建一个文档，里面全写css，然后再通过link插入到html代码中

作用： 使网页的表示层和结构层彻底分离，利于团队合作分工，也使得页面加载变快

示例：

<link rel="stylesheet" type="text/css" href="index.css">

link： 用于定义文档与外部资源的关系，现在用link链接的多是css
rel： 链接的内容
type： 要链接的文件类型，可省略
href： 要链接的外部样式表的位置


```css
<!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: 隶书;
	}

优先级总结：
行内元素样式设置>内部样式设置>外部链接样式设置

好多可乐

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
五，外部样式表

说明：外部样式表就是新建一个文档，里面全写css，然后再通过link插入到html代码中作用：使网页的表示层和结构层彻底分离，利于团队合作分工，也使得页面加载变快示例：<link rel="stylesheet" type="text/css" href="index.css">link：用于定义文档与外部资源的关系，现在用link链接的多是cssrel：链接的内容type：要链接的文件类型，可省略href：要链接的外部样式表的位置```css<!DOCT
复制链接

扫一扫

专栏目录