HTML引入CSS的常见方法有哪些？
来源：尚品中国|
类型：网站百科|
时间：2019-05-23
我们都知道HTML和CSS是作用不相同的两种语言，但是它们对一个网页能够同时产生作用，网页（webPage）= 内容（html） + 表现（css） + 行为（javascript）。因此需要把CSS引入HTML一起使用。要想在浏览器中显示出预期的CSS样式表效果，就要让浏览器识别并正确调用CSS。当浏览器读取样式表时，要依照文本格式来读，而且当CSS样式表放在不同的地方，所产生的作用范围也是不同的。在HTML中，主要用四种方法引入CSS：行内式、内嵌式、导入式和链接式。
.jpg)
（1）行内式，如下图：
即在标记的style属性中设定CSS样式，这种方式本质上没体现出CSS的优势，因此不推荐使用。
（2）嵌入式，如下图：
在对页面中各种元素的设置集中写在
（3）导入式，如下图
（4）链接式，如下图：
导入式和链接式差不多，都是从外部引入CSS文件。但是链接式对于客户端用户浏览网站时，效果会好些。
链接式可以说是现在占统治地位的引入方法。如同IE与浏览器。这也是最能体现CSS特点的方法；最能体现DIV+CSS中的内容与显示分离的思想，也最易改版维护，代码看起来也是最美观的一种。
总结：对于一些比较大的网站，为了便于维护，可能会希望把所有的css样式分类别放到几个CSS文件中，这样如果使用连接式引入，就需要几个语句分别导入CSS文件。如果要调整CSS文件的分类，就需要同时调整HTML文件，这对于维护工作来说，是一个缺陷，如果使用导入式，则可以只引进一个总的CSS文件，在这个文件中再导入其他独立CSS文件；而链接式则不具备这个特性。
来源声明：本文章系尚品中国编辑原创或采编整理，如需转载请注明来自尚品中国。以上内容部分(包含图片、文字)来源于网络，如有侵权，请及时与本站联系（010-60255689）。
TAG标签：
.jpg)
.png)
.png)
推荐新闻
更多行业-
如何解决及避免网站上的图像版权侵权
网站建设完成上线，如果您收到版权侵权公司的电子邮件，声称其中一张照片侵...
2019-05-15 -
建设网站如何选好网站空间？
网站建设必须选择合适的网站空间，不合适的网站空间可能会给后续带来很多麻...
2020-05-29 -
获得高质量描文本的方法
让这些描文本达到最好的效果。一篇好的博文可以被推荐到首页，博客当然是最...
2012-06-19 -
SEO及UEO初步优化方案中
一个网站站内的优秀是进行SEO的必要前提，当然我们还要考虑UEO。今天...
2012-08-03 -
网页交互行为概念分析
所谓行为(Behavior),就是在网页中进行的一系列动作。通过这些动...
2014-07-16 -
全文检索搜索引擎策略
北京网站设计公司尚品中国：全文检索搜索引擎是目前全球搜索引擎的主流部分...
2012-09-02
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
预约专业咨询顾问沟通！
Copyright © 2021 尚品中国 版权所有 | 京ICP备09066521号
| 公安机关备案号:11011502003910
免责声明
诚信企业
尚品专注高端网站建设，系统平台开发，APP开发，SEO优化服务
尚品专注高端网站建设，系统平台开发，APP开发，SEO优化服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60255689
电子邮件：394588593@qq.com
