简体: 简体中文 English

尚品与山东真诺智能设备有限公司签署网站改版合作协议

类型：尚品动态了解更多

首页/ 新闻/ 网站建设 /正文

HTML引入CSS的常见方法有哪些？

来源：尚品中国| 类型：网站百科 |时间：2019-05-23

我们都知道HTML和CSS是作用不相同的两种语言，但是它们对一个网页能够同时产生作用，网页（webPage）= 内容（html） + 表现（css） + 行为（javascript）。因此需要把CSS引入HTML一起使用。要想在浏览器中显示出预期的CSS样式表效果，就要让浏览器识别并正确调用CSS。当浏览器读取样式表时，要依照文本格式来读，而且当CSS样式表放在不同的地方，所产生的作用范围也是不同的。在HTML中，主要用四种方法引入CSS：行内式、内嵌式、导入式和链接式。

（1）行内式，如下图：

即在标记的style属性中设定CSS样式，这种方式本质上没体现出CSS的优势，因此不推荐使用。

（2）嵌入式，如下图：

在对页面中各种元素的设置集中写在

和之间的，对于单个页面来说，这种方式很方便。但是这种方法的使用情况要少的多，最长见得就是访问量大的门户网站。或者访问量较大的企业网站的首页。与第一种方法比起来，优点突出，弊端也明显。优点：速度快，所有的CSS控制都是针对本页面标签的，没有多余的CSS命令；再者不用外链CSS文件。直接在HTML文档中读取样式。缺点就是改版麻烦些，单个页面显得臃肿，CSS不能被其他HTML引用造成代码量相对较多，维护也麻烦些。但是采用这种方法的公司大多有钱，对他们来说用户量是关键，他们不缺人进行复杂的维护工作。

（3）导入式，如下图

（4）链接式，如下图：

导入式和链接式差不多，都是从外部引入CSS文件。但是链接式对于客户端用户浏览网站时，效果会好些。

链接式可以说是现在占统治地位的引入方法。如同IE与浏览器。这也是最能体现CSS特点的方法；最能体现DIV+CSS中的内容与显示分离的思想，也最易改版维护，代码看起来也是最美观的一种。

总结：对于一些比较大的网站，为了便于维护，可能会希望把所有的css样式分类别放到几个CSS文件中，这样如果使用连接式引入，就需要几个语句分别导入CSS文件。如果要调整CSS文件的分类，就需要同时调整HTML文件，这对于维护工作来说，是一个缺陷，如果使用导入式，则可以只引进一个总的CSS文件，在这个文件中再导入其他独立CSS文件；而链接式则不具备这个特性。

来源声明：本文章系尚品中国编辑原创或采编整理，如需转载请注明来自尚品中国。以上内容部分(包含图片、文字)来源于网络，如有侵权，请及时与本站联系（010-60259772）。

上一篇：CSS加载失败原因有哪些？下一篇：做网站哪些效果不能过于理想化？

TAG标签：

建站流程

网站需求
网站策划方案
页面设计风格
确认交付使用
资料录入优化
程序设计开发
后续跟踪服务
联系电话
010-60259772

预约专业咨询顾问沟通！

城市分站：

尚品专注高端网站建设，系统平台开发，微信小程序及APP开发服务

免责声明

非常感谢您访问我们的网站。在您使用本网站之前，请您仔细阅读本声明的所有条款。

1、本站部分内容来源自网络，涉及到的部分文章和图片版权属于原作者，本站转载仅供大家学习和交流，切勿用于任何商业活动。

2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。

3、本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。

4、如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!

联系方式：010-60259772
电子邮件：394588593@qq.com

高校集群解决方案

强军网建设解决方案

政府事业解决方案

智慧会展解决方案

科研领域解决方案

智慧景区解决方案

海外房产解决方案

网站建设

小程序

移动互联网

网络营销

VI设计

尚品与山东真诺智能设备有限公司签署网站改版合作协议

HTML引入CSS的常见方法有哪些？

建站流程

网站需求

网站策划方案

页面设计风格

确认交付使用

资料录入优化

程序设计开发

后续跟踪服务

热门标签

最新文章

在响应式网站设计及移动设备适配领域，存在的有效方法

如何选定适配自身的网站建设平台？

网站制作中图片优化与加载速度提升技巧

推荐新闻

移动端网站建设如何满足使用需求？

北京企业网站建设选择响应式网站好不好？

分析长尾关键词的作用与如何选择

北京网站设计，网站制作流程有哪些？

如何建设优秀的网站及宣传获客？

404错误到底能否通过301重定向解决

预约专业咨询顾问沟通！

免责声明

电话咨询

在线咨询

微信咨询

免责声明