来源：自学PHP网 时间：2015-04-14 14:51 作者： 阅读:次
[导读] 方法一: css1 htmlhtmlheadtitle内联样式(方法一) title headbodya href=http: www baidu com style=color: FF00FF; font-size:80;百度一下 a body html方法二: css2 htmlhtmlhead...
|
方法一: css1.html
<html>
<head>
<title>内联样式(方法一)</title>
</head>
<body>
<a href=”http://www.baidu.com” style=”color:#FF00FF; font-size:80;”>百度一下</a>
</body>
</html>
方法二: css2.html
<html>
<head>
<title>style标签中调用(方法二)</title>
<style type=”text/css”>
a{color:#FF0000;background:#FFFF00;}
</style>
</head>
<body>
<a href=”http://www.baidu.com“>百度二下</a>
</body>
</html>
方法三: css3.html
<html>
<head>
<title>link标签中调用(方法三)</title>
<link rel=stylesheet type=”text/css” href=”three.css”/>
</head>
<body>
<a href=”http://www.baidu.com“>百度三下</a>
</body>
</html>
和css3.html同目录下的three.css文件: a{color:#FF00FF; background:#0000FF;}
方法四: css4.html
<html>
<head>
<title>@import指令(方法四)</title>
<style type=”text/css”>
@import url(“four.css”);
</style>
</head>
<body>
<a href=”http://www.baidu.com“>百度四下</a>
</body>
</html>
和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请求数是优化页面呈现的第一原则
|
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
