
CSS三种样式
1、行内样式
①将css样式与html,完全糅杂在一起,不符合w3c关于“内容与表现分离”的基本规范,不利于后期维护。
②优先级最高。
2、内部样式表
①一定程度将css样式与html进行分离,分离不彻底,无法实现样式复用。
②优先级低于行内样式。
3、外部样式
<link href="o.css" rel="stylesheet" type="text/css">
①css与html彻底分离,方便样式复用和后期维护,符合w3c规范。
②优先级低于内部。
③推荐使用。
rel--声明链接文档与当前文档的关系*
href---被连接文档地址*
type--类型
导入外部样式表的另一种方式
<style>
@import url("css/css1.css");
</style>
区别:
①link是标准html标签,而import不是
②import只能导入css,link可以链接各种形式的文件
③link使用链接方式,相当于html和css的桥梁。而import是导入,将css导入HTML中
④link在网页边加载边链接css,而import在html完全加载完后再导入css