|
CSS的引入方式
按照CSS的书写位置，CSS样式表可以分为三类
1.行内样式表（行内式）
就是写到HTML页面内部，将所有的CSS代码抽取出来，单独放到<style>标签里。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>行间距</title>
<style>
p{
color: red;
}
</style>
</head>
<body>
<p>他nnd为什么不喝</p>
</body>
</html>
2.内部样式表（嵌入式）
在元素标签内部的style属性中设置CSS的样式，适合修改简单样式。
<div style="color: ren; font-size: 20px;">这喝汤多是一件美事呀</div>
style就是标签的属性，使用双引号，写法要符合CSS规范 ，控制当前标签
3.外部样式表（链接式）
在实际开发中都是外部样式表，适用于样式比较多的情况 即：将样式单独写到CSS文件中，最后把CSS文件引入到HTML中使用。
引入外部样式表分为两步：
1. 新建一个后缀名为.css的样式文件，把所有的CSS代码都放入其中。
2.在HTML页面中，使用<link>标签引入这个文件。
<link rel="stylesheet" href="css文件路径">
|