CSS入门四：外部样式表（简单示例）；三种样式表的优先级；

最新推荐文章于 2024-08-31 12:30:41 发布

小懒羊爱吃草

最新推荐文章于 2024-08-31 12:30:41 发布

阅读量1w

点赞数 2

分类专栏：（2）HTML&CSS（网页搭建与JavaWeb基础）

本文链接：https://blog.csdn.net/csucsgoat/article/details/111400108

版权

本文介绍了CSS中的外部样式表及其优势，通过示例解释了如何使用link标签引入外部样式文件。同时，文章详细阐述了三种样式表（外部、内部和行内）的优先级规则，帮助理解在不同样式共存时的生效顺序。

摘要由CSDN通过智能技术生成

1.外部样式表

2.三种样式表的优先级

1.外部样式表

以后样式表可能很长很长，外部样式表也有助于分工合作，不会乱。

●link：用于定义文档与外部资源的关系；一般现在link链接的都是CSS了；

●rel="stylesheet"：链接的是样式表；

●type="text/css"：要链接的文件类型；这个可以省略；

●href="index.css"：要链接的外部样式表文件；

内部样式表示例程序：

index.css：外部样式文件。可以发现，外部样式表的CSS文件中，内容很纯粹。

p{
	background-color: red;
	font-size: 30px;
}
.p1{
	font-family: 楷体;
}
body{
/*	background-color: yellow; 
	background-image: url(image/headLogo/13.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 100px 100