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标签：
推荐新闻
更多行业-
杭州网站建设有哪些指导方针？
企业网站建设是企业实施网络营销的首选，一个企业网站建设的成功很大程度上...
2021-07-08 -
SEO优化之三种关键词构建你的站点优化结构
SEO优化之三种关键词构建你的站点优化结构 对于我们SEO网站优化人...
2011-11-23 -
什么是营销型网站_如何制作中小企业营销型网站
营销型网站概述Overview of marketing websit...
2013-07-11 -
专业网站建设对公司的好处
企业网站建设毕竟不同于专业的ICP或者门户网站，不可能也没有必要小而全...
2015-01-09 -
独立网站程序与模板建站程序有哪些区别？
最近，我收到几个新客户的请求，要求我们帮助修改现有的网站。首先，我们公...
2020-06-16 -
你把SEO想的越简单它就会让你“越纠结”
也都是小帅自己的想法，啰啰嗦嗦的说了这么多。终究是从业才两年，认识的深...
2012-06-29
如果您的网站可以增加转化次数并提高客户满意度，该怎么办？
预约专业咨询顾问沟通！
Copyright © 2024 恒久尚品 版权所有 | 京ICP备09066521号
| 公安机关备案号:11011502003910
免责声明
诚信企业
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务
免责声明
非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。
4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!
联系方式：010-60259772
电子邮件：394588593@qq.com
