css引入的方式有哪些？Link和@import的区别是什么？

标签：除了   rip   ref   网页   css引入方式   url   事务   兼容   完全   

css引入方式：

　　1.内联样式（行内样式/行间样式）：直接写在HTML标签里

　　　　例如：

　　　　　　<p style="color: #00AFC7; font: arial;"></p>

　　2.内部样式：写在head与head之间

　　　　例如：

　　　　　　<style>

　　　　　　　　css样式

　　　　　　</style>

　　3.外部样式：需要引用才能生效

　　　　例如：

　　　　　　1>.<link  rel="stylesheet"  href="../css/123.css" />

　　　　　　2>.@import  url(../css/123.css)

link 和 @import 的区别：

　　　　　　区别1：

　　　　　　　　　　link是XHTML标签，除了加载css外，还可以定义RSS等其他事务；@import属于css范畴，只能加载css。

　　　　　　区别2：

　　　　　　　　　　link引入css时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。

　　　　　　区别3：

　　　　　　　　　　link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。

　　　　　　区别4：

　　　　　　　　　　link支持使用JavaScript控件DOM去改变样式；而@import不支持。

css引入的方式有哪些？Link和@import的区别是什么？

标签：除了   rip   ref   网页   css引入方式   url   事务   兼容   完全   

原文地址：http://www.cnblogs.com/weiyuxi/p/7821220.html