内联样式(方法一) 百度一下
方法二: css2.html
style标签中调用(方法二) a{color:#FF0000;background:#FFFF00;}百度二下
方法三: css3.html
link标签中调用(方法三) 百度三下
和css3.html同目录下的three.css文件: a{color:#FF00FF; background:#0000FF;}
方法四: css4.html
立即学习“前端免费学习笔记（深入）”；
@import指令(方法四) @import url(“four.css”);百度四下
和css4.html同目录下的four.css文件: a{color:#0000FF; background:#FF00FF;}
**********************************************************************************************
在实际应用中，使用style属性的内联样式是不推荐使用的，不建议使用第一种方式，这种方式削弱了CSS集中控制整个文档外观的优点。
前3种方式利用了link标记和style标记，在IE(包括IE6、IE7和IE8 beta1)中有如下限制：
◆ 文档中只有前31个link或style标记关联的CSS能够应用；从第32个开始，其标记关联的CSS都将失效。
◆ 一个style标记只有前31次@import指令有效应用；从第32个@import指令开始忽略。
◆ 一个css文件只有前31次@import指令有效应用；从第31个@import指令开始忽略。
◆ 一个CSS文件的不能超过288kb。
IE对CSS的限制在绝大部分情况下是不会遇到的，即使遇到最佳的解决方案也应该是手动或者通过后端程序对CSS文件和响应的标记进行合并，
最小化的http请求数是优化页面呈现的第一原则
以上就是html使用四种方式引用css样式表的实例详解的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1544808.html
微信扫一扫 
支付宝扫一扫 
