CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式,CSS 可以通过以下三种方式添加到HTML中,分别是:内联样式、嵌套样式、外联样式。
下面我们来看一下使用外部css样式的方法:
1、通过标签调用外部css样式。
示例:
我通过外部样式表进行格式化。
我也一样!
2、通过@import方法调用外部css样式。
CSS@规则,用于从其他样式表导入样式规则。这些规则必须先于所有其他类型的规则,@import不能在条件组的规则中使用。
语法:
@import url;
@import url list-of-media-queries;
示例:
Document@import url("green.css");
两种调用外部css样式方法的区别:
@import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属性等。
加载页面时,link标签引入的 CSS 被同时加载;@import引入的 CSS 将在页面加载完毕后被加载。
@import是 CSS2.1 才有的语法,故只可在 IE5+ 才能识别;link标签作为 HTML 元素,不存在兼容性问题。
可以通过 JS 操作 DOM ,插入link标签来改变样式;由于 DOM 方法是基于文档的,无法使用@import的方式插入样式。
link引入的样式权重大于@import引入的样式。