ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

CSS加载方式有几种?

2020-07-04 23:41:52  阅读:205  来源: 互联网

标签:内嵌 文件 样式 几种 导入 样式表 CSS 加载


CSS样式加载一共有四种方式:

1、行内样式

直接对HTML标签引入style=""设置样式;这样的方式会使得html不干净,代码冗余不利于维护。

2、内嵌样式--内部样式表

在head标签之间用<style></style>标签声明

优缺点:页面使用公共CSS代码,也是每个页面都要定义的,如果一个网站有很多页面,每个文件都会变大,后期维护难度也大,如果文件很少,CSS代码也不多,这种样式还是很不错的。

3、链入外部样式表—在head部分加入

链接样式使用最多,推荐使用的一种方法,在<head></head>标签之间用<link ...../>引入css文件

4、导入外部样式表—在head部分加入

导入样式和链接样式比较相似,采用@import样式导入CSS样式表,在HTML初始化时,会被导入到HTML或者CSS文件中,成为文件的一部分,类似第二种内嵌样式。

 

四种CSS加载方式的优先级

1、就近原则

2、理论上:行内>内嵌>链接>导入

3、实际上:内嵌、链接、导入在同一个文件头部,谁离相应的代码近,谁的优先级高

标签:内嵌,文件,样式,几种,导入,样式表,CSS,加载
来源: https://www.cnblogs.com/qinglaoshi/p/13237192.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有