本文探讨CSS的四种常见应用方式：行内样式设置、内联在<head>部分的样式、通过<link>引入外部样式和@import导入样式。讲解了它们的优先级和使用场景。
1、行内样式
<div id="sughistory" style="display; none; left:127px; width:539ox; top:419px;">123</div>
2、内嵌样式
<head>
<meta charset="UTF-8">
<title>CSS基础</title>
<style>
p{
color:red;
}
</style>
</head>
3、链接样式
<head>
<meta charset="UTF-8">
<title>CSS基础</title>
<link rel="stylesheet" href="cssdemo01.css">
<link type="test/css" rel="stylesheet" charset="UTF-8" href="cssdemo02.css">
</head>
4、导入样式
<head>
<meta charset="UTF-8">
<title>CSS基础</title>
<style>
@import url("css/style.css");
/*@import url("css/style.css");*/
</style>
</head>
链接样式、导入样式都是导入外部文件，链接样式在头部加link
优先级：行内样式优先级最高，内嵌样式、链接样式、导入样式后写的优先级高
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
