CSS 文件的4种引入方式

时间 2019-12-10

标签 css 文件引入方式栏目 CSS 繁體版

原文原文链接

（1）连接式：在网页的<head></head>标签对中使用<link>标记来引入外部样式表文件，使用html规则引入外部css (用得比较多) :css

　　　　　　　　　　<link href="./mystyle.css" rel="stylesheet" type="text/css"/>html

（2）导入式：将一个独立的.css文件引入HTML文件中，导入式使用CSS规则引入外部CSS文件，<style>标记也是写在<head>标记中，使用的语法以下：测试

@import"mystyle.css"; 此处要注意.css文件的路径htm

</style>ip

比较：link引用和import引用区别是：link是html加载前就引用，而import是html加载后才引用。举例，采用impor引用，会先显示无样式的页面，而后再把样式放进去。若是用JavaScript动态引用CSS，得使用link引用方式才可实现。文档

（3）内联css文件，直接在header 里面写css，如：import

这种方法的使用状况要少的多，最长见得就是访问量大的门户网站。或者访问量较大的企业网站的首页。与第一种方法比起来，优势突出，弊端也明显。优势：速度快，全部的CSS控制都是针对本页面标签的，没有多余的ＣＳＳ命令；再者不用外链ＣＳＳ文件。直接在ＨＴＭＬ文档中读取样式。缺点就是改版麻烦些，单个页面显得臃肿，ＣＳＳ不能被其余ＨＴＭＬ引用形成代码量相对较多，维护也麻烦些。可是采用这种方法的公司大多有钱，对他们来讲用户量是关键，他们不缺人进行复杂的维护工做。引用

（4）直接在标签里面写样式

不常常改的地方。能够一用，，可是仍是谨慎使用，很不符合大众。