博客介绍了CSS样式应用的三种方式，包括行内方式、内部样式表和外链方式。其中，外链方式又分为链接式和导入式，并提及链接式属性可不写，还探讨了链接式和导入式的区别。
1 行内方式
<p style="background:red;">第一种方式</p>
2 内部样式表
<!DOCTYPE html>
<html>
<head>
<meta charset="gbk">
<title>index</title>
<style>
p{
background: red;
}
</style>
</head>
<body>
<p>第二种方式</p>
</body>
</html>
3 外链方式
3.1 链接式
type属性可以不写
<link type="text/css" rel="styleSheet" href="CSS文件路径" />
3.2 导入式
<style type="text/css">
@import url("CSS文件路径");
</style>
链接式和导入式的区别
<link>
1、属于XHTML
2、优先加载CSS文件到页面
@import
1、属于CSS2.1
2、先加载HTML结构在加载CSS文件。
样式优先级
行内样式>内部样式>外部样式(后两者是就近原则)
扫一扫
694
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
