CSS引入的方式有哪些? link和@import的区别是?

Posted 2020-06-09

1.CSS(cascading stylesheet)层叠样式表
2.CSS2.0(目前) 修饰网页元素
3.

<link type=”text/css” rel=”stylesheet”media=”all|screen|print” href=”文档URL”/>

媒体介质: 所有 /浏览器 /打印机
4.引入方式:
1)使用 LINK标签
将样式规则写在.css的样式文件中，再以<link>标签引入。

<link rel=stylesheet type="text/css" href="example.css">

2)使用@import引入
跟link方法很像，但必须放在<STYLE>...</STYLE> 中

<STYLE TYPE="text/css">
<!--
　　@import url(css/example.css);
-->
</STYLE>

 

3)使用STYLE标签, 书写于文档的头部
4)使用STYLE属性, 书写于标记内部
5.加载顺序的差别。当一个页面被加载的时候，link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。
6.调用企业邮箱页面，自创样式只能写行间样式或者在本页面写样式，不能外链。