一.书写位置
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标记内使用。<style>属性用于设置特定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>
优点：在需要预浏览是非常有用的
缺点：只能对一行代码有用，需要应用于每个元素，使用不方便。
