link和@import引入CSS主要有以下区别：
- link是HTML标签，@import是css提供的。
- link引入的样式页面加载时同时加载，@import引入的样式需等页面加载完成后再加载。
- link没有兼容性问题，@import不兼容ie5以下。
- link可以通过js操作DOM动态引入样式表改变样式，而@import不可以。
原创文章，作者：犀牛前端部落，如若转载，请注明出处：https://www.pipipi.net/2628.html
犀牛前端部落 相关推荐
-
CSS:z-index属性没有作用不覆盖详解
z-index 属性只作用在 position 属性值不为static上。案例代码： position: absolute;, position: relative;, or po…
-
div宽度根据内容自适应
默认div的宽度会占满一行，因为div是块级元素，这是块级元素的特性。 当需要将一个div内容宽度根据内容自适应，俺总结了几种解决办法。 inline-block 第一种解决办法，…
-
CSS3常见技巧（二）：如何用CSS3来实现三角形？
如何使用CSS3来画一个三角形经常令人非常感到困惑，其实原理上是宽度相等的边距以45度来连接。 首先看第一个图 这个是正常情况下，如果我们这个时候把顶部的边距设为none的话就会显…
-
CSS2和CSS3如何设置背景图片大小
CSS2 CSS2中如果需要将图像放大，必须修改使用图片编辑器修改图片本身。 如果使用img标签，可以通过width和height更改大小，但如果您需要将图像作为其他内容的背景，这…
-
CSS实现渐变边框（border）
假如你想让元素周围有渐变的边框，我的想法是这样的： 没有可以直接使用的CSS API 我们需要制作一个具有线性渐变背景的包裹（wrapper）元素，然后一个内部元素将遮盖该背景的大…
-
移动端::-webkit-scroll设置滚动条样式
该滚动条样式一般适用于移动端，PC端一般考虑兼容性会用到类似nicescroll插件。 实现代码如下： /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webki…
-
将list-style-type修改为任意的字符
从CSS级别2开始，CSS list-style-type支持诸如disc或小数之类的关键字来定义列表项标记的外观。 可以将Chrome设置为任意字符串，该功能可以在Chrome …
-
CSS实现英文单词的首字母大写
text-transform 属性用来控制文本的大小写，是CSS2.1的属性，兼容性问题不大。 属性值是关键字，有4+1种，这个1是实验性属性值。 /* Keyword value…
-
如何使用CSS媒体查询检测设备方向
使用CSS检测设备方向的代码如下: @media screen and (orientation:portrait) { … } @media screen and (orient…
-
移动web开发中，max-width和max-device-width有什么不同
max-width 是目标显示区域的宽度，例如浏览器。 max-device-width 是设备整个显示屏幕的宽度，例如设备屏幕。 类似的还有：max-height and max…
