---
title: 样式
date: 2024-06-06T23:51:41Z
tags: []
---

* 行内样式

  写在标签的style属性中  
  ​`style="名1=值1;名2=值2"`​
* 内部样式

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

  ```html
  <style>
    标签{
      名=值;
    }
  </style>
  ```
  
* 外部样式

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

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