今天，我们来看一下CSS的书写位置，一共有三种位置可以写：行内式、内嵌式、外链式。一、行内式：css属性写在标签的一个style 属性中，可以书写其他所有css样式。
<div style="color:red;background: black;width: 200px;height: 200px;">这是一段文字</div>
二、内嵌式：写在html内部，head标签里有一对style标签，是一个双标签，我们所有的样式都写在双标签内部。style标签有一个属性type，属性值为“text/css”，表示我们内部书写的是纯文本类型的css样式代码。
<style type="text/css"> div{ border: 5px solid red; } </style>
三、外链式：将css样式写在一个单独的文件中，通过一个link标签将css样式加载进来。css的注意事项：
- css中的末尾必须加分号用以分隔；
- 对于内嵌式，所有的样式必须写在一对大括号里；
- css对于换行、空格、缩进不敏感。
练习代码为：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div{ border: 5px solid red; }</style></head><body> <div style="color:red;background: black;width: 200px;height: 200px;">这是一段文字</div></body></html>
效果为：
自己动手练习一下吧😄
