一、行内式
行内式是最直接的一种方式,它直接对HTML标记使用style属性,然后直接将代码写进去。
行内式是最简单的一种方式,它需要为每一个标记设置style属性
二、内嵌式
内嵌式就是将css写在<head></head>之间,并且用<style></style>标记进行声明。
内嵌式将css代码集中在一个区域,比较集中,网页也大大的瘦身了。但对于有很多网页的网站,不同的网页中p标记都要使用相同的样式是略有些麻烦,维护成本高。所以仅在特殊页面中使用。
三、链接式
链接式css样式表是使用频率最高的,也是最实用的,它将HTML页面本身和css样式分离为多个文件,后期维护很方便。
四、导入样式
与链接相似,只是语法上有些不同。采用import的方式导入,在HTML文件初始化的时候就被导入到HTML文件内,类似于内嵌式的效果。而链接式,是在HTML需要格式时,才导入。
五、优先级
(1)行内式>内嵌式>外部链式;外部链式中,链接式和导入式,谁在后面以谁为准。
(2)如果,<head></head>存在多个<style></style>标记时,那么这些<style>标记与链接式之间按照先后顺序决定优先级,而同在一个<style>标记中,则按照嵌入式优先。