CSS外链优点及获取方法
什么是CSS外链?
CSS外链指的是把CSS样式表放在网页代码之外,通过链接方式引用该样式表。CSS外链一般都是放在网页的标签里,使用标签引用。
CSS外链的优点有哪些?
①优化网页加载速度:将CSS代码文件外链,当浏览器请求网页时,会保证HTML部分先加载出来,让用户快速看到页面内容,待HTML渲染好以后再去请求CSS样式,减轻了页面加载的压力
②提高代码的可维护性:减少HTML与CSS的耦合度,方便单独对CSS进行维护和更新
③提高代码的可复用性:当网站有多页的时候,可以把CSS样式表放在公共位置,让多个页面共用一份样式表,提高代码的重用性和维护性
④减少代码的冗余:当多个页面都含有相同的CSS代码时,将其外部引用可以减少代码的冗余,减小文件大小,更方便网站快速进行更新。
如何进行CSS外链?
首先,将CSS文件单独存放在一个独立的文件中,以 .css 为文件扩展名,例如:style.css。文件中可包含多个样式。
其次,在HTML的标签里添加代码,其中href属性用于引用外连接入的样式表,rel用于声明文档与链接文档之间的关系,type则用于定义引用文档的类型。其中,href属性的路径需要正确,否则会引起样式不生效问题。