本文已参与「新人创作礼」活动，一起开启掘金创作之路
一.书写位置
1.link引入外部样式表
css样式编写到一个外部的文件中
然后将外部文件引入到css文件中，link标签引入
例如：
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="./tt.css">
</head>
需要创建css文件夹，需要根据自己所创路径链接：
![]( "点击并拖拽以移动")
编辑
如图中文件位置需要改变：
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="../2.html/tt.css">
</head>
link引入外连接的表，可以重复利用，其他网页开发都可以使用，复用率很高，在开发时比较推荐使用。
2.内部样式表
需要将编好的样式表放在head的style标签中,通过CSS选择器选中指定元素，
然后可以同时为这些元素一起设置样式，这样可以使样式进一步的复用。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
a:link {
color: red;
}
a:visited {
color: green;
} a:hover {
background-color: orange;
}
a:active {
color: black;
}
a{text-decoration: none;}
</style>
优点：
1、样式表只影响一个页面。
2、内部样式表可以使用类和ID。
3、无需上传多个文件。HTML和CSS可以在同一个文件中。
缺点：
1、增加页面加载时间。
2、它只影响一个页面 - 如果要在多个文档上使用相同的CSS，则无用。
3.内联样式
内联CSS要在特定的HTML标记内使用。属性用于设置特定HTML标记的样式。 建议不要使用内联CSS，因为每个HTML标记都需要单独设置样式，如果您只使用内联CSS，管理网站可能会变得十分困难。但是，它在某些情况下很有用。
例如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<body style="background-color:black;">
<h1 style="color:red;padding:30px;">为说负洋。</h1>
<p style="color:green;">重君答马。</p>
</body>
</html>
优点：在需要预浏览是非常有用的
缺点：只能对一行代码有用，需要应用于每个元素，使用不方便。
