1、 CSS编写位置----内部样式
内部样式时写在html页面的内部，将所有的CSS代码提取出来，单独放在<style>标签中，该<style>标签一般是写在<head>标签里面。
语法：
<style>
h1 {
color: red;
font-size: 60px;
}
</style>示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS_内部样式</title>
<style>
h1 {
color: red;
font-size: 60px;
}
</style>
</head>
<body>
<h1>谁知盘中餐</h1>
<h1>粒粒皆辛苦</h1>
</body>
</html>运行结果：
注意点：
1))<style>标签理论上可以放在HTML文档的任何地方，但一般都放在<head>标签中。
2))内部样式的写法可以复用，代码结构清晰。
存在的问题：
1))并没有实现：结构与样式的完全分离
2))多个HTML页面无法复用样式。
2、CSS编写位置----外部样式
外部样式是写在单独的.css文件中，随后在HTML文件中引入使用。
语法：
1))新建一个扩展名：.css的样式文件中，把所有CSS代码都放在此文件中。
例如：
a.css文件
h1 {
color: red;
font-size: 60px;
}2))在html文件中引入.css文件
CSS的编写位置_外部样式.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS_内部样式</title>
<link rel="stylesheet" href="./a.css">
</head>
<body>
<h1>谁知盘中餐</h1>
<h1>粒粒皆辛苦</h1>
</body>
</html>结果：
注意点：
（1）<link>标签要写在<head>标签中。
（2）<link>标签属性说明：
href:引入的文档来自于哪里。
rel（即：relation关系）说明引入的文档与当前文件的关系。
（3）外部样式的优势：样式可以复用，结构清晰，可除法浏览器的缓存机制，提高访问速度；实现了结构与样式的完全分离。
（4）在实际开发中，几乎都使用了外部样式，这是最推荐使用的使用方式。