link 与 @import 的区别

是否可以设置宽高，行内是不可以的。

行内元素只可以容纳文本和其他行内元素，块级元素啥都可以容纳

总结

行内元素和块级元素很好区分，顾名思义，行内就是能都在一行里的，一行可以有多个 < a > 标签，可以有多个 < input > 标签，而同类的还有 < span > / < img > / < strong > 等，这不就很容易记住了。而块级元素就是要自己占

一行的，那不就有 < div >，还有我们使用的列表 < ul > / < ol >，除此之外还有 < h1 >~< h6 > / < p > 等等。

link 与 @import 的区别

一、语法结构

//link <link href="路径" rel="stylesheet" type="text/css" />

//import @import url(路径地址);

二、区别

1、从属关系区别

@import是 CSS 提供的语法规则，只有导入样式表的作用；link是HTML提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性等。

2、加载顺序区别

加载页面时，link标签引入会和 html 同时加载；而 @import 引入的 CSS 将在页面加载完毕后被加载。

3、兼容性区别

@import是 CSS2.1 才有的语法，可在 IE5+ 才能识别；link标签作为 HTML 元素，不存在兼容性问题。

4、DOM可控性区别

可以通过 JS 操作 DOM，插入link标签来改变样式；由于 DOM 方法是基于文档的，无法使用@import的方式插入样式。

5、权重

link方式的样式权重高于@import的权重。

总的来说，使用 link 会比 @import 好，首先兼容性， link 作为 html 的标签是不会存在这个问题的。并且如果使用 @import 是在 dom 树渲染完才会进行渲染的，所以是不被 JavaScript 动态的修改的

常见的图片格式