总结
CSS 文件的4种引入方式
（1）链接式：在网页的
标签对中使用标记来引入外部样式表文件，使用html规则引入外部css (用得比较多) :<link href="./mystyle.css" rel="stylesheet" type="text/css"/>
相关推荐：《PhpStorm使用教程》
（2）导入式：将一个独立的.css文件引入HTML文件中，导入式使用CSS规则引入外部CSS文件，
立即学习“PHP免费学习笔记（深入）”；
下载豆包电脑版，提高工作效率
<style type="text/css">
@import"mystyle.css"; 此处要注意.css文件的路径
</style>比较：link引用和import引用区别是：link是html加载前就引用，而import是html加载后才引用。举例，采用impor引用，会先显示无样式的页面，然后再把样式放进去。如果用JavaScript动态引用CSS，得使用link引用方式才可实现。
（3）内联css文件，直接在header里面写css，如：
<style type="text/css">
div{margin: 0;padding: 0;border:1px red solid;}
</style>这种方法的使用情况要少的多，最长见得就是访问量大的门户网站。或者访问量较大的企业网站的首页。与第一种方法比起来，优点突出，弊端也明显。优点：速度快，所有的CSS控制都是针对本页面标签的，没有多余的CSS命令；再者不用外链CSS文件。直接在HTML文档中读取样式。缺点就是改版麻烦些，单个页面显得臃肿，CSS不能被其他HTML引用造成代码量相对较多，维护也麻烦些。但是采用这种方法的公司大多有钱，对他们来说用户量是关键，他们不缺人进行复杂的维护工作。
（4） 直接在标签里面写样式
<div style="border:1px red solid;">测试信息</div>
PHP怎么学习？PHP怎么入门？PHP在哪学？PHP怎么学才快？不用担心，这里为大家提供了PHP速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
285
