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-60259772）。
TAG标签：
推荐新闻
更多行业-
网站设计太差的原由
见过很多设计太差的网站,在这里只采用了变颜色,要研究电子商务网站的设计...
2012-09-29 -
网上个性化服务的策略
(一)网上个性化服务概述 网上个性化服务满足了消费者的个性化需求...
2014-06-14 -
SEOER的你是否每天只为外链而忽略了站内
今后定将被淘汰。不以“用户”为王的网站。更新文...
2012-06-26 -
科研院所网站建设 | 构建高效科研院所网站的关键解决方案
在当今信息时代，科研院所的网站不仅是展示机构形象的窗口，更是与学术界和...
2023-12-26 -
SEO优化之做好外部链接建设助你提高网站排名
SEO优化之做好外部链接建设助你提高网站排名无论你做的是什么类型的站点...
2011-11-24 -
网站建设中的重要因素
互联网是顺应时代发展的产物，而网站建设也是在顺应互联网的发展，然而网站...
2015-01-14
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
预约专业咨询顾问沟通！
Copyright © 2025 恒久尚品 版权所有 | 京ICP备09066521号
| 公安机关备案号:11011502003910
免责声明
诚信企业
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60259772
电子邮件：394588593@qq.com
