CSS 全称级联样式表 (CascadingStyle Sheets),在实际应用中,一般有以下三种级联方式。
1.外联式
外联式样式表中,CSS代码作为文件单独存放,如以 style.css 文件包含所有样式。在HTML中的外部级联采用 <link> 标记或者 @import 语句来引入。示例代码如下:
<link rel="stylesheet"href="style.css" type="text/css" /> //link 链接 @importurl("style.css"); //@import 导入
网页中 CSS 文件的外部引用有 link 和 @import 两种方式,对于宏观上的页面展现是一样的效果。当然,在本质上,他们不尽不同。
第一,link 是属于 HTML 标记的范畴,@import 则是源于 CSS 一种样式导入方式。link 不只可以外联样式表,还能够设定 RSS 源地址,网页的 favicon.ico 等。如:<LINK href="favicon.ico" type="image/x-icon"rel=icon>
<LINK href="favicon.ico"type="image/x-icon" rel="shortcut icon">但 @imort 只支持对 CSS 的导入。
第二,@import 支持高版本浏览器,但不兼容低版本浏览器,IE 5 以上才支持 @import 方式,但 link 则没有版本的限制。
第三,l