web前端：link和@import的区别

作者:Leophen更新于： 2020-03-02 11:45:22

　　样式:是指用有意义的名称保存的字符格式和段落格式的集合，这样在编排重复格式时，先创建一个该格式的样式，然后在需要的地方套用这种样式，就无须一次次地对它们进行重复的格式化操作了。

　　样式的导入方式

　　• link

　　• @import

　　一、link的使用

　　二、@import的使用

　　@importurl(index.css);

　　三、link和@import的区别

　　1、引入的内容不同

　　link除了引用样式文件，还可以引用图片等资源文件，而@import只引用样式文件

　　2、加载顺序不同

　　link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载

　　3、兼容性不同

　　link是Xhtml标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持

　　4、对JS的支持不同

　　link支持使用Javascript控制DOM去改变样式；而@import不支持。

　　利用层叠样式表(外国语简称:CSS)加入斜体字非常简单，而且我们对于加重字体还有很多选择。字体风格字体风格用来控制斜体字的属性，非常漂亮又非常简单:H3{font-style:italic}当浏览器接到应用斜体字的指令后，它将在用户的机器中寻找安装的斜体字版本，如果不存在斜体字，浏览器将生成一种。