【CSS】【2】HTML引入CSS的四种方式

一、行内式1、样例： <H1 style="color:white;backgroud-color:blue">行内式引入CSS</H1>2、效果： 仅对此<H1>标识有效，即“行内式引入CSS”在网页中以蓝底白字显示

二、内嵌式
1、样例： <style type="text/css"> h1 { color:wihite; backgroud-color:blue; } </style>2、效果： 网页中所有的<h1>标识内容均是以蓝底白字显示

三、导入式
样例：<style type="text/css"> @import "mycss.css"; </style>

四、链接式
样例：<link href="mycss.css" rel="stylesheet" type="text/css" />

五、导入式与链接式的区别：
1、两者区别不大，导入式是由CSS规范所实现的，链接式是由HTML规范所实现的；2、导入式在网页加载之后再载入CSS文件，链接式在网页加载之前就载入CSS文件；