CSS引来的方式
CSS引入的方式
1.标签内的CSS。
2.网页内的CSS。
3.link引用的CSS。
最能体现DIV+CSS中的内容与显示分离的思想。
4.import引用的CSS。
3和4的区别是：
1）起源的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。
2）加载顺序的差别：link是html加载前就引用，而import是html加载后才引用。举例，采用impor引用，会先显示无样式的页面，然后再把样式放进去。
3）js引用的差别：如果用JavaScript动态引用CSS，得使用link引用方式才可实现，后者不行。
4）兼容性的差别：@import是CSS2.1提出的所以老的浏览器不支持，只有在IE5以上的才能识别，而link标签无此问题。
5）@import可以在css中再次引入其他样式表，比如可以创建一个主样式表，在主样式表中再引入其他的样式表。
1.标签内的CSS。
<div style="border:1px red solid;">测试信息</div>
2.网页内的CSS。
<style type="text/css">
div{margin: 0;padding: 0;border:1px red solid;}
</style>
3.link引用的CSS。
<link rel="stylesheet" type="text/css" href="my.css"/>
最能体现DIV+CSS中的内容与显示分离的思想。
4.import引用的CSS。
<style type="text/css"> @import"mystyle.css"; /*此处要注意.css文件的路径*/ </style>
3和4的区别是：
1）起源的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式。
2）加载顺序的差别：link是html加载前就引用，而import是html加载后才引用。举例，采用impor引用，会先显示无样式的页面，然后再把样式放进去。
3）js引用的差别：如果用JavaScript动态引用CSS，得使用link引用方式才可实现，后者不行。
4）兼容性的差别：@import是CSS2.1提出的所以老的浏览器不支持，只有在IE5以上的才能识别，而link标签无此问题。
5）@import可以在css中再次引入其他样式表，比如可以创建一个主样式表，在主样式表中再引入其他的样式表。