码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-01-26 00:16:25      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:

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.调用企业邮箱页面,自创样式只能写行间样式或者在本页面写样式,不能外链。

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

标签:

原文地址:http://www.cnblogs.com/camillea/p/link_import.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!