行内样式

写在标签的style属性中
​style="名1=值1;名2=值2"​

内部样式

将所有css代码提取出来,单独放在style标签中

<style>
  标签{
    名=值;
  }
</style>

外部样式

外部样式可以触发浏览器的缓存机制,实现了结构与样式的完全分离
新建一个.css​文件的样式,写入css代码
在HTML文件的头部中引入.css​文件

<link rel="stylesheet" href="./xxx.css">