有三种引入方式:
- 行内样式,在标签里面直接编写行内样式。
- 内联样式,在Html头部用<style></style>包起来,在这里面编写样式。
- 外联样式,在样式表中编写样式,使用<link>或者@import引入。
link和@import的区别是:
- link属于xhtml标签,而@import是css提供的。
- 页面被加载时,link会同时被加载,而@import引用的css会等到页面加载结束后加载。
- link是xhtml标签,因此没有兼容性,而@import只有IE5以上才能识别。
- 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。
- link方式样式的权重高于@import的。