html使用四种方式引用css样式表的实例详解-html教程-PHP中文网

html使用四种方式引用css样式表的实例详解

黄舟

发布： 2017-07-26 09:45:52

原创

2496人浏览过

方法一: 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集中控制整个文档外观的优点。

PHP经典实例(第二版)

PHP经典实例（第2版）能够为您节省宝贵的Web开发时间。有了这些针对真实问题的解决方案放在手边，大多数编程难题都会迎刃而解。《PHP经典实例(第2版)》将PHP的特性与经典实例丛书的独特形式组合到一起，足以帮您成功地构建跨浏览器的Web应用程序。在这个修订版中，您可以更加方便地找到各种编程问题的解决方案，《PHP经典实例(第2版)》中内容涵盖了：表单处理；Session管理；数据库交互；使用We