内联:<span style="color:red;font-size:10px;" >text</span> 局部特殊处理
嵌入:<style type="text/css">span{color:red;font-size:10px;}</style> 统一样式格式
嵌入:<style type="text/css">span{color:red;font-size:10px;}</style> 统一样式格式
外部:<link href="style.css" rel="stylesheet" type="text/css"> 方便复用、管理
三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式
嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样,<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面(实际开发中也是这么写的)。