HTML基础知识（在html中引入css）
css引入方式——行内式、内嵌式、链接式
一、标签类型
1.行内式
（1）span，一般用来在网页上划定一个范围解和css样式使用
（2）div，一般用于网页布局
<div style="color: blueviolet;border: 3px solid black">div独占一行</div>
行内式css样式直接在html文件中使用，比较繁琐
<span style="color: blue">提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加</span>
在span双标签中，通过style属性中的子属性调整样式
2.内嵌式
如果需要使用css样式的代码段过多，使用内嵌式能减少代码复杂度
内嵌式css引入方法需要在html文件的head标签中添加style双标签，在style双标签中写span语句，span内容用大括号括起来
之后在body标签部分选择需要使用样式的文本段添加span双标签就可
head中：
<style>
span
{
font-size: 5px;color: cadetblue;background-color: cadetblue;
}
</style>
body中：
<span>提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加</span>
<br>
<span>提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加</span>
<br>
<span>提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加</span>
3.链接式
新建.css文件，在html文件的head中使用link单标签引入css样式，link中的rel属性告诉浏览器引入的是什么东西（也可以不要），href属性值为c引入的ss文件位置
在html文件的body中选择需要样式的文本添加span双标签
css文件：
span{
font-size: 5px;color: aliceblue;background-color: cadetblue;
}
head中：
<link rel="stylesheet" href="css样式表1.css"/>
body中：
<span>提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加</span>
<br>
<span>提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加</span>
<br>
<span>提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加</span>
二、所有源代码及运行结果
html文件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>引入css</title>
<!-- <style>
span
{
font-size: 5px;color: cadetblue;background-color: cadetblue;
}
</style>-->
<link rel="stylesheet" href="css样式表1.css"/>
</head>
<body>
<span>提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加</span>
<br>
<span>提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加</span>
<br>
<span>提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加</span>
<br>
<span style="color: blue">提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加</span>
<div style="color: blueviolet;border: 3px solid black">div独占一行</di
</body>
</html>
css文件：
span{
font-size: 5px;color: aliceblue;background-color: cadetblue;
}
如果三种引入方式同时作用于同一个标签，且样式相互冲突时，优先级：就近原则
不冲突的样式相结合
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
