使用外部样式表
css代码在一个独立的文件中，html通过Link元素引入页面。 特点1、实现了内容结构和表现形式代码分离，方便复用和维护。2、适html代码更加纯净，有利于程序员和搜索引擎的阅读。3、是开发页面的常见做法。<link rel = " stylesheet" href=" ">
使用内部样式表
将css代码写到html文档的style元素内容中，放在head标签中。特点1、没有了样式表文件，在某些时候可以提升效率。2、多个页面难以共享样式，不利于代码复用。3、html和css代码混乱不利于程序员和搜索引擎阅读，也不利于维护。
4、在某些对效率要求苛刻或测试的场景下使用。5、一个样式表可以应用多个页面，一个页面可以引用多个样式表。
使用行内样式表
css代码写个某个元素开始标记的style属性中，行内样式不写样式表。特点1、没有了样式表文件，在某些时候可以提升效率。2、多个页面难以共享样式，不利于代码复用。3、html和css代码混乱不利于程序员和搜索引擎阅读，也不利于维护。4、js操作的是行内样式。5、在测试的场景下使用。