在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
第一:CSS的4种引入方式 CSS的4种引入方式是:行内样式、内嵌样式、链接样式、导入样式 1.行内样式 最直接最简单的一种,直接对HTML标签使用style="",例如:
缺点:HTML页面不纯净,文件体积大,不利于蜘蛛爬行,后期维护不方便。 2.内嵌样式 内嵌样式就是将CSS代码写在 <style type="text/css"> body,div,a,img,p{margin:0; padding:0;} </style> 优缺点:页面使用公共CSS代码,也是每个页面都要定义的,如果一个网站有很多页面,每个文件都会变大,后期维护难度也大,如果文件很少,CSS代码也不多,这种样式还是很不错的。 3.链接样式 链接样式是使用频率最高,最实用的样式,只需要在
优缺点:实现了页面框架代码与表现CSS代码的完全分离,使得前期制作和后期维护都十分方便 4.导入样式(不建议使用) 导入样式和链接样式比较相似,采用@import样式导入CSS样式表,在HTML初始化时,会被导入到HTML或者CSS文件中,成为文件的一部分,类似第二种内嵌样式。 @import在html中使用,如下: <style type="text/css"> @import url(style.css); </style> @import在CSS中使用,如下:
第二:四种CSS引入方式的优先级 1.就近原则 2.理论上:行内>内嵌>链接>导入 3.实际上:内嵌、链接、导入在同一个文件头部,谁离相应的代码近,谁的优先级高 心得:
总结 到此这篇关于浅析CSS中的4种引入方式及优先级的文章就介绍到这了,更多相关css引入方式优先级内容请搜索极客世界以前的文章或继续浏览下面的相关文章,希望大家以后多多支持极客世界! |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论